/********** Template CSS **********/
:root {
    --primary:#13c5dd;
    --secondary: #354F8E;
    --light: #EFF5F9;
    --dark: #1D2A4D;

    --secondary-color: #6c757d;
    
    --muted-text: #444444;
    --light-bg: #f8f9fa;
    --border-radius: 12px;
    --box-shadow: 0 0 15px rgba(0,0,0,0.08);
    --transition: all 0.3s ease;

    --accent-color: #ff6b6b;
    --dark-bg: #212529;
    --text-color: #333;
    --text-light: #666;
} 



.btn {
    font-weight: 700;
    transition: .5s;
}

.btn:hover {
    -webkit-box-shadow: 0 8px 6px -6px #555555;
    -moz-box-shadow: 0 8px 6px -6px #555555;
    box-shadow: 0 8px 6px -6px #555555;
}

.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 0;
    border-radius: 50% 50% 0 0;
    z-index: 99;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Jost', sans-serif;
    position: relative;
    margin-left: 30px;
    padding: 20px 0; /* biraz düşürdüm */
    font-size: 16px;
    font-weight: 700;
    color: var(--dark);
    outline: none;
    transition: .5s;
    text-align: center; /* iki satırı ortalamak için */
    line-height: 1.2; /* iki satır arası boşluk için */
    white-space: normal; /* taşmayı önler */
}


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (min-width: 992px) {
    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 5px;
        bottom: 0;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before,
    .navbar-light .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-left: 0;
        padding: 10px 0;
    }
}

.hero-header {
    background: url(../img/fdoganbanner.png) top right no-repeat;
    background-size: cover;
	background-size: 100% 350px;
	animation: gecis 25s 5s step-end infinite;
}
@keyframes gecis{
	0%{background-image: url("../img/banner_resim1.png");}
	20%{background-image: url("../img/fdogan2.jpg");}
	40%{background-image: url("../img/banner_resim3.png");}
	60%{background-image: url("../img/fdogan8.png");}


	80%{background-image: url("../img/banner_resim2.png");}
	100%{background-image: url("../img/fdogan11.jpg");}
}

.service-item {
    position: relative;
    height: 350px;
    padding: 0 30px;
    transition: .5s;
}

.service-item .service-icon {
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 50%;
    transform: rotate(-14deg);
}

.service-item .service-icon i {
    transform: rotate(15deg);
}

.service-item a.btn {
    position: absolute;
    width: 60px;
    bottom: -48px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
}

.service-item:hover a.btn {
    bottom: -24px;
    opacity: 1;
}

.price-carousel::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: var(--primary);
    border-radius: 8px 8px 50% 50%;
    z-index: -1;
}

.price-carousel .owl-nav {
    margin-top: 35px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.price-carousel .owl-nav .owl-prev,
.price-carousel .owl-nav .owl-next{
    position: relative;
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    font-size: 22px;
    border-radius: 45px;
    transition: .5s;
}

.price-carousel .owl-nav .owl-prev:hover,
.price-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}

@media (min-width: 576px) {
    .team-item .row {
        height: 350px;
    }
}

.team-carousel .owl-nav {
    position: absolute;
    padding: 0 45px;
    width: 100%;
    height: 45px;
    top: calc(50% - 22.5px);
    left: 0;
    display: flex;
    justify-content: space-between;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    background: var(--dark);
}

.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: var(--light);
    border: 2px solid var(--primary);
    border-radius: 20px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}



  /******************************************************/
  /*          İndex Page Styles                  */
  /******************************************************/
    /* Service Section Styles */
    .service-item {
        transition: all 0.3s;
        height: 100%;
    }
    .service-item:hover {
        transform: translateY(-10px);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    .service-icon {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #14c7e5;
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }
    .service-icon i {
        color: #fff;
        font-size: 2.5rem;
    }

    /* Why Choose Us Section Styles */
    .why-item {
        transition: all 0.3s;
        height: 100%;
    }
    .why-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    .why-item i {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }

    /* Appointment Form Styles */
    .form-control, .form-select {
        padding: 0.8rem 1rem;
        font-size: 1rem;
        transition: all 0.3s;
    }
    .form-control:focus, .form-select:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    }
    .btn-primary {
        padding: 0.8rem 2rem;
        font-weight: 600;
        transition: all 0.3s;
    }
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
    }

    /* Gallery Section Styles */
    .gallery-item {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
        aspect-ratio: 4/3;
    }
    .gallery-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 220px;
        max-height: 350px;
        transition: all 0.3s;
        border-radius: 8px;
    }
    .gallery-item:hover .gallery-img {
        transform: scale(1.08);
    }
    .gallery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: all 0.3s;
    }
    .gallery-item:hover .gallery-overlay {
        opacity: 1;
    }
    .gallery-overlay .btn {
        transform: translateY(20px);
        transition: all 0.3s;
    }
    .gallery-item:hover .gallery-overlay .btn {
        transform: translateY(0);
    }

    




    .prosedurler-section {
        background: #f8f9fa;
        padding: 60px 0;
      }
      .prosedurler-title {
        text-align: center;
        font-size: 3rem;
        color: #151c2c;
        font-family: 'Roboto', serif;
        margin-bottom: 40px;
      }
      .prosedurler-grid {
        display: grid;
        grid-template-columns:repeat(4,1fr);
        gap: 0;
      }
      .prosedur-card {
        position: relative;
        display: block;
        overflow: hidden;
        min-height: 160px;
        max-height: 200px;
        height: 180px;
        transition: transform 0.2s;
      }
      .prosedur-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: sepia(0.3) brightness(0.7);
        transition: transform 0.3s;
      }
      .prosedur-card:hover img {
        transform: scale(1.05);
      }
      .prosedur-label {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(20, 199, 229, 0.13);
        color: #151c2c;
        font-size: 1.2rem;
        padding: 12px 10px;
        border: 2px solid #14c7e5;
        color: #fffbe6;
        font-family:'Roboto',serif;
        text-align: center;
        min-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 700;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 8px rgba(20,199,229,0.07);
        border-radius: 7px;
      }
      @media (max-width: 991px) {
        .prosedurler-grid {
          grid-template-columns: 2fr 1fr;
        }
        .prosedur-card {
          min-height: 130px;
          max-height: 160px;
          height: 140px;
        }
        .prosedur-label {
          font-size: 1rem;
          padding: 6px 10px;
        }
      }
      @media (max-width: 600px) {
        .prosedurler-grid {
          grid-template-columns: 1fr !important;
          gap: 12px !important;
          justify-items: center;
        }
        .prosedur-card {
          width: 70vw !important;
          max-width: 320px !important;
          aspect-ratio: 1/1 !important;
          min-height: unset !important;
          max-height: unset !important;
          height: auto !important;
          position: relative;
        }
        .prosedur-card img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          left: 0; top: 0;
        }
        .prosedur-label {
          font-size: 0.85rem !important;
          padding: 4px 8px !important;
          border-radius: 4px !important;
        }
      }

    /* Navbar yükseklik ayarı */
    .navbar {
        min-height: 48px !important;
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }
    .navbar-brand {
        display: flex;
        align-items: center;
        margin-left: 0 !important;
        margin-right: 2.5rem !important;
        padding-top: 0.1rem !important;
        padding-bottom: 0.1rem !important;
        font-family: 'Poppins', 'Roboto', Arial, sans-serif;
        font-size: 1.6rem !important;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-shadow: 0 1px 4px rgba(20,199,229,0.07);
    }
    .brand-icon .fa-clinic-medical {
        color: #14c7e5;
        font-size: 2.1rem;
        margin-right: 0.6rem;
    }
    .brand-title {
        display: flex;
        gap: 0.4rem;
    }
    .brand-prof {
        color: #151c2c;
        font-weight: 700;
        letter-spacing: 0.03em;
    }
    .brand-name {
        color: #14c7e5;
        font-weight: 900;
        letter-spacing: 0.04em;
    }
    .navbar-nav .nav-link {
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
        line-height: 1.1 !important;
        font-size: 1.08rem;
    }
    .navbar .dropdown-menu {
        margin-top: 0.2rem;
    }
    @media (max-width: 991px) {
        .navbar {
            min-height: 44px !important;
        }
        .navbar-brand {
            font-size: 1.1rem !important;
        }
        .brand-icon .fa-clinic-medical {
            font-size: 1.3rem;
        }
    }
    @media (min-width: 1200px) {
        .navbar .container {
            padding-left: 0.5rem !important;
        }
    }
  /******************************************************/
  /*          Meme Dikleştirme Cerahisi                  */
  /******************************************************/

/* Hero Section Styles */
.hero-header {
    position: relative;
    background: url('../img/fdoganbanner.png') center center;
    background-size: cover;
    height: 60vh;
    padding: 100px 0;
}

.hero-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13, 60, 113, 0.7);
}

.hero-badge {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 1px;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.hero-text {
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}



.md-section {
    margin-bottom: 80px;
}

.md-section-title {
    color: var(--primary);
    font-size: 2.5rem;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.md-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: var(--primary);
}

.md-content {
    font-size: 1.1rem;
    line-height: 1.8;
}

.md-image {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.md-image:hover {
    transform: translateY(-5px);
}

/* List Styles */
.md-list {
    list-style: none;
    padding-left: 0;
}

.md-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.md-list li::before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

/* Info Box Styles */
.md-info-box {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    transition: transform 0.3s ease;
}

.md-info-box:hover {
    transform: translateY(-5px);
}

.md-info-box h4 {
    color: var(--primary);
    margin-bottom: 15px;
}

/* Timeline Styles */
.md-timeline {
    position: relative;
    padding: 30px;
}

.md-timeline-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}

.md-timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: var(--primary);
}

.md-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 10px;
}

/* Risk Box Styles */
.md-risk-box {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.md-risk-box:hover {
    transform: translateY(-5px);
}

.md-risk-box i {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 20px;
}

.md-risk-box h5 {
    color: var(--primary);
    margin-bottom: 15px;
}

.md-risk-box ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
}

.md-risk-box ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.md-risk-box ul li::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

/* Activity Timeline Styles */
.md-activity-timeline {
    position: relative;
    padding: 30px;
}

.md-activity-item {
    position: relative;
    padding-left: 100px;
    margin-bottom: 30px;
}

.md-activity-time {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primary);
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
}

/* Surgical Techniques Styles */
.md-surgical-techniques {
    margin-top: 30px;
}

.md-technique-item {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.md-technique-item:hover {
    transform: translateX(5px);
}

.md-technique-item h5 {
    color: var(--primary);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.md-technique-item h5 i {
    color: var(--primary);
    margin-right: 10px;
}

.md-technique-item p {
    margin-bottom: 0;
    color: #6c757d;
}

.md-technique-diagram {
    position: relative;
}

.md-technique-diagram .md-info-box {
    margin-top: 30px;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
}

.md-technique-diagram .md-info-box h4 {
    color: var(--primary);
    margin-bottom: 20px;
    text-align: center;
}

.md-technique-diagram .md-info-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.md-technique-diagram .md-info-box ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #6c757d;
}

.md-technique-diagram .md-info-box ul li:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

/* Responsive Styles */
@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.5rem;
    }

    .md-section-title {
        font-size: 2rem;
    }

    .md-technique-item {
        margin-bottom: 15px;
    }
    
    .md-technique-diagram {
        margin-top: 30px;
    }
}

@media (max-width: 767.98px) {
    .hero-header {
        min-height: 40vh;
        padding: 60px 0;
    }

    .hero-title {
        font-size: 2rem;
    }

    .md-section {
        margin-bottom: 60px;
    }

    .md-activity-item {
        padding-left: 0;
        padding-top: 30px;
    }

    .md-activity-time {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
    }
} 

 /******************************************************/
  /*          About Page                               */
  /******************************************************/
  /* Hero Section */
.about-hero {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    min-height: 400px;
    display: flex;
    align-items: center;
    padding: 120px 0;
}

.about-hero-content {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.about-badge {
    display: inline-block;
    padding: 10px 25px;
    background: var(--primary);
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.about-badge:hover {
    transform: translateY(-3px);
}

.about-hero-stats {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}

.about-stat-item {
    text-align: center;
    color: #fff;
}

.about-stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 5px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.about-stat-label {
    font-size: 1rem;
    opacity: 0.9;
}



.about-section {
    margin-bottom: 10px;
    padding: 12px 6px;
    border-radius: 20px;
}

.about-section:not(:last-child) {
    margin-bottom: 32px;
}

.about-section-title {
    font-size: 2.1rem;
    margin-bottom: 24px;
    padding-bottom: 10px;
    color: var(--primary);
}

.about-section-title::after {
    margin-top: 4px;
    height: 3px;
    width: 40px;
}

.about-subtitle {
    color: var(--primary);
    font-size: 1.3rem;
    margin-bottom: 17px;
    font-weight: 600;
}

.about-bio {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.about-bio p {
    margin: 0;
    line-height: 1.8;
    color: #555;
}

/* Image Container */
.about-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    max-width: 60%;
    margin: 0 auto;
}

.about-image {
    transition: transform 0.6s ease;
}

.about-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.about-image-overlay i {
    color: #fff;
    font-size: 2.5rem;
    transform: scale(0.8);
    transition: transform 0.4s ease;
}

/* Remove image hover effects */
.about-image-container:hover .about-image {
    transform: none !important;
}
.about-image-container:hover .about-image-overlay {
    opacity: 0 !important;
}
.about-image-overlay {
    opacity: 0 !important;
    pointer-events: none;
}

/* Highlights */
.about-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 35px;
}

.about-highlight-item {
    flex: 1;
    min-width: 200px;
    text-align: center;
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.about-highlight-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-highlight-item i {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.about-highlight-item:hover i {
    transform: scale(1.1);
}

.about-highlight-item span {
    display: block;
    font-weight: 600;
    color: var(--dark);
    font-size: 1.1rem;
}

/* Timeline */
.about-timeline {
    position: relative;
    padding-left: 40px;
}

.about-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: var(--primary);
    border-radius: 3px;
}

.about-timeline-item {
    position: relative;
    margin-bottom: 10px;
}

.about-timeline-year {
    position: absolute;
    left: -55px;
    top: 0;
    width: 40px;
    height: 40px;
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.about-timeline-content {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.about-timeline-content:hover {
    transform: translateX(5px);
}

.about-timeline-content h4 {
    color: var(--primary);
    margin-bottom: 15px;
    font-size: 1.2rem;
}

/* Expertise Cards */
.about-expertise-card {
    text-align: center;
    padding: 35px 25px;
    background: #fff;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
}

.about-expertise-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-expertise-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.about-expertise-card:hover .about-expertise-icon {
    transform: scale(1.1);
}

.about-expertise-icon i {
    font-size: 2.5rem;
    color: #fff;
}

.about-expertise-card h4 {
    color: var(--dark);
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.about-expertise-card p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Achievements */
.about-achievements {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.about-achievement-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.about-achievement-item:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-achievement-item i {
    font-size: 2.5rem;
    color: var(--primary);
    transition: transform 0.3s ease;
}

.about-achievement-item:hover i {
    transform: scale(1.1);
}

.about-achievement-content h4 {
    color: var(--dark);
    margin-bottom: 8px;
    font-size: 1.2rem;
}

.about-achievement-content p {
    color: #666;
    margin: 0;
    line-height: 1.6;
}

/* Membership Cards */
.about-membership-card {
    text-align: center;
    padding: 35px 25px;
    background: #fff;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
}

.about-membership-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-membership-card i {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 25px;
    transition: transform 0.3s ease;
}

.about-membership-card:hover i {
    transform: scale(1.1);
}

.about-membership-card h4 {
    color: var(--dark);
    font-size: 1.2rem;
    margin: 0;
    line-height: 1.5;
}

/* Publications Section */
.about-publications {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.about-publication-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.about-filter-btn {
    padding: 7px 16px;
    border: 2px solid var(--primary);
    background: transparent;
    color: var(--primary);
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
}

.about-filter-btn:hover,
.about-filter-btn.active {
    background: var(--primary);
    color: #fff;
}

.about-publication-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.about-publication-item {
    background: #f8f9fa;
    border-radius: 14px;
    padding: 1.1rem 1rem;
    margin-bottom: 0;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.about-publication-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-publication-content h4 {
    color: var(--dark);
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.4;
}

.about-publication-authors {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 10px;
}

.about-publication-journal {
    color: #666;
    margin-bottom: 8px;
    font-style: italic;
}

.about-publication-doi {
    color: #888;
    font-size: 0.9rem;
}

.about-publication-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.about-pagination-btn {
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary);
    background: transparent;
    color: var(--primary);
    border-radius: 50%;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-pagination-btn:hover,
.about-pagination-btn.active {
    background: var(--primary);
    color: #fff;
}

/* Presentations Section */
.about-presentations {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.about-presentation-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.about-presentation-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.about-presentation-item {
    background: #f8f9fa;
    border-radius: 16px;
    padding: 2rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 24px rgba(44, 62, 80, 0.07);
    border: 1px solid #e3e6ea;
    transition: box-shadow 0.3s, transform 0.3s;
}

.about-presentation-item:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 8px 32px rgba(44, 62, 80, 0.13);
}

.about-presentation-content h4 {
    color: #223046;
    font-size: 1.13rem;
    margin-bottom: 0.7rem;
    font-weight: 700;
    line-height: 1.5;
}

.about-presentation-authors {
    color: #4a5a6a;
    font-size: 0.97rem;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.about-presentation-event {
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 0.3rem;
    font-size: 0.97rem;
}

.about-presentation-type {
    color: var(--primary);
    font-weight: 500;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.about-presentation-control {
    font-size: 0.9rem;
    color: #7a869a;
    margin-top: 0.3rem;
    font-style: italic;
}

.about-presentation-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

/* Enhanced Publication Styles */
.about-publication-item {
    position: relative;
    overflow: hidden;
}

.about-publication-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--primary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.about-publication-item:hover::before {
    opacity: 1;
}

.about-publication-content {
    position: relative;
    z-index: 1;
}

.about-publication-doi {
    display: inline-block;
    padding: 4px 12px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: 20px;
    font-size: 0.85rem;
    color: var(--primary);
    margin-top: 10px;
}

/* Enhanced Filter Buttons */
.about-filter-btn {
    position: relative;
    overflow: hidden;
}

.about-filter-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.about-filter-btn:hover::after,
.about-filter-btn.active::after {
    width: 80%;
}

/* Enhanced Pagination */
.about-pagination-btn {
    position: relative;
    overflow: hidden;
}

.about-pagination-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: var(--primary);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    z-index: -1;
}

.about-pagination-btn:hover::before,
.about-pagination-btn.active::before {
    width: 100%;
    height: 100%;
}

/* Books Section */
.about-books {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.about-book-item {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.about-book-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-book-content h4 {
    color: var(--dark);
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.4;
}

.about-book-year {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 8px;
}

.about-book-publisher {
    color: #666;
    margin-bottom: 8px;
    font-style: italic;
}

.about-book-isbn {
    color: #888;
    font-size: 0.9rem;
    display: inline-block;
    padding: 4px 12px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: 20px;
}

/* Administrative Duties Section */
.about-administrative {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.about-administrative-item {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.about-administrative-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--primary);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.about-administrative-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.about-administrative-item:hover::before {
    opacity: 1;
}

.about-administrative-content {
    position: relative;
    z-index: 1;
}

.about-administrative-content h4 {
    color: var(--dark);
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: 1.4;
}

.about-administrative-position {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 8px;
}

.about-administrative-period {
    color: #666;
    font-style: italic;
    margin-bottom: 0;
}

/* Card Animations */
.about-publication-item, .about-presentation-item, .about-book-item, .about-administrative-item {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.7s ease forwards;
    animation-delay: 0.1s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Card Styles */
.about-publication-item, .about-presentation-item, .about-book-item, .about-administrative-item {
    background: linear-gradient(135deg, #fafdff 60%, #eaf6ff 100%);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 24px rgba(44, 62, 80, 0.09);
    border: 1px solid #e3e6ea;
    transition: box-shadow 0.3s, transform 0.3s;
}

.about-publication-item:hover, .about-presentation-item:hover, .about-book-item:hover, .about-administrative-item:hover {
    transform: translateY(-8px) scale(1.015);
    box-shadow: 0 12px 36px rgba(44, 62, 80, 0.15);
}

.about-publication-content h4, .about-presentation-content h4, .about-book-content h4, .about-administrative-content h4 {
    color: #1a2636;
    font-size: 1.18rem;
    margin-bottom: 0.7rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

.about-publication-authors, .about-presentation-authors, .about-book-year, .about-administrative-position {
    color: #4a5a6a;
    font-size: 0.99rem;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.about-publication-journal, .about-presentation-event, .about-book-publisher, .about-administrative-period {
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 0.3rem;
    font-size: 0.97rem;
}

.about-publication-doi, .about-presentation-type, .about-book-isbn {
    color: var(--primary);
    font-weight: 500;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
    font-size: 0.93rem;
}

.about-presentation-control {
    font-size: 0.9rem;
    color: #7a869a;
    margin-top: 0.3rem;
    font-style: italic;
}

/* Filter and Pagination Buttons */
.about-filter-btn, .about-pagination-btn {
    padding: 7px 16px;
    font-size: 0.97rem;
    margin: 0 2px;
}

.about-filter-btn.active, .about-filter-btn:hover,
.about-pagination-btn.active, .about-pagination-btn:hover {
    background: linear-gradient(90deg, var(--primary), #00c6ff 80%);
    color: #fff;
    box-shadow: 0 4px 16px rgba(44, 62, 80, 0.09);
    border: none;
}

/* Section backgrounds */
.about-publications, .about-presentations {
    padding: 20px 8px;
    border-radius: 18px;
}

/* Responsive improvements */
@media (max-width: 991.98px) {
    .about-section {
        padding: 16px 4px;
        border-radius: 12px;
    }
    .about-section-title {
        font-size: 1.3rem;
    }
    .about-publication-list, .about-presentation-list, .about-books, .about-administrative {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .about-publication-item, .about-presentation-item, .about-book-item, .about-administrative-item {
        padding: 0.7rem 0.5rem;
        border-radius: 8px;
    }
}
@media (max-width: 767.98px) {
    .about-section {
        padding: 18px 2px;
        border-radius: 10px;
    }
    .about-section-title {
        font-size: 1.3rem;
        padding-bottom: 10px;
    }
    .about-publication-item, .about-presentation-item, .about-book-item, .about-administrative-item {
        padding: 0.7rem 0.5rem;
        border-radius: 8px;
    }
    .about-publication-content h4, .about-presentation-content h4 {
        font-size: 0.97rem;
    }
    .about-filter-btn, .about-pagination-btn {
        padding: 6px 10px;
        font-size: 0.85rem;
    }
} 

 /******************************************************/
  /*          Appointment Page                         */
  /******************************************************/
  /* Appointment Page Specific Styles */
.appointment-hero-header {
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/banner_resim1.png');
    background-size: cover;
    background-position: center;
    min-height: 500px;
    display: flex;
    align-items: center;
}

.appointment-hero-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.appointment-hero-badge {
    display: inline-block;
    padding: 8px 16px;
    background: var(--primary);
    color: white;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.appointment-hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 20px;
}

.appointment-hero-text {
    font-size: 1.2rem;
    color: white;
    margin-bottom: 30px;
}

.appointment-form-container {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin-top: -100px;
    position: relative;
    z-index: 1;
}

.appointment-form-title {
    font-size: 2rem;
    color: var(--primary);
    margin-bottom: 30px;
    text-align: center;
}

.appointment-form-group {
    margin-bottom: 20px;
}

.appointment-form-label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.appointment-form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.appointment-form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
}

.appointment-form-select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    background-color: white;
}

.appointment-form-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    min-height: 120px;
    resize: vertical;
}

.appointment-form-submit {
    background: var(--primary);
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.appointment-form-submit:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}

.appointment-info-card {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
}

.appointment-info-title {
    font-size: 1.5rem;
    color: var(--primary);
    margin-bottom: 20px;
}

.appointment-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.appointment-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #666;
}

.appointment-info-icon {
    color: var(--primary);
    margin-right: 10px;
    font-size: 20px;
}

.appointment-success-message {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
}

.appointment-error-message {
    background: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
}

@media (max-width: 768px) {
    .appointment-form-container {
        margin-top: -50px;
        padding: 20px;
    }
    
    .appointment-hero-title {
        font-size: 2.5rem;
    }
} 

 /******************************************************/
  /*          Belt Lipektomi Page                      */
  /******************************************************/


  .main-content, .onko-main-content {
    padding: 1rem 0;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f8f9fa;
}

.main-content .container {
    max-width: 1400px;
    padding: 2rem;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

@media (min-width: 576px) {
    .main-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .main-content .container {
        padding: 2rem;
    }
}

@media (min-width: 1400px) {
    .main-content .container {
        max-width: 1600px;
    }
}

.bl-header {
    color: var(--primary);
    text-align: center;
    margin-bottom: 2.5rem;
    position: relative;
    padding: 1.5rem 0 1rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.bl-header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}



.bl-section {
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.bl-section:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


.bl-section-title {
    color: var(--primary);
    font-size: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0.8rem 0;
    border-bottom: 2px solid var(--primary);
    display: inline-block;
}

@media (max-width: 767.98px) {
    .bl-section-title {
        font-size: 1.6rem;
    }
}

.bl-content {
    padding: 0;
}

.bl-content p {
    color: #555;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-align: justify;
}

.bl-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 1.5rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.bl-image:hover {
    transform: scale(1.02);
}

.bl-highlights {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 12px;
    border-left: 4px solid var(--primary);
    margin: 1.5rem 0;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.bl-highlights h4 {
    color: var(--dark);
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
}

.bl-highlights ul {
    list-style-type: none;
    padding-left: 0;
}

.bl-highlights li {
    color: #555;
    padding: 0.8rem 0;
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.5;
    border-bottom: 1px solid #eee;
}

.bl-highlights li:last-child {
    border-bottom: none;
}

.bl-highlights li::before {
    content: '•';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    line-height: 1;
}

.bl-timeline {
    padding: 1rem;
}

.bl-timeline-item {
    position: relative;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.bl-timeline-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.bl-timeline-item:last-child {
    margin-bottom: 0;
}

.bl-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.bl-timeline-item p {
    color: #555;
    margin-bottom: 0;
    line-height: 1.6;
}

.bl-procedure-details {
    background-color: #f8f9fa;
    border-radius: 12px;
    padding: 2rem;
    margin-top: 2rem;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.bl-procedure-details h4 {
    color: var(--primary);
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .main-content {
        padding: 0.8rem 0;
    }
    .main-content .container {
        padding: 1rem;
    }
    .bl-section {
        padding: 1rem 0;
    }
    .bl-section-title {
        font-size: 1rem;
    }
    .bl-content p {
        font-size: 1rem;
        margin-bottom: 0.8rem;
    }
    .bl-header h1 {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .main-content {
        padding: 0.5rem 0;
    }
    .main-content .container {
        padding: 1rem;
    }
    .bl-section {
        padding: 1rem;
    }
    .bl-section-title {
        font-size: 1rem;
    }
    .bl-content p {
        font-size: 1rem;
    }
    .bl-header h1 {
        font-size: 1rem;
    }
    .bl-procedure-details {
        padding: 1rem;
    }
    .bl-timeline-item {
        padding: 1rem;
    }
}

/* Animation effects */
.bl-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.bl-section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-color);
}

@media (min-width: 992px) {
    .bl-section .row.g-5.align-items-center {
        display: flex;
        align-items: center;
    }
    .bl-section .col-lg-4 {
        flex: 0 0 280px;
        max-width: 280px;
        padding-right: 1.5rem;
    }
    .bl-section .col-lg-8 {
        flex: 1 1 0%;
        max-width: 100%;
    }
}


 /******************************************************/
  /*          Ben Aldırma Cerrahisi Page               */
  /******************************************************/
  /* Ben Aldırma Cerrahisi Page Specific Styles */



/* Section Styles */
.ben-section {
    padding: 5rem 0;
}

.section-title {
    margin-bottom: 3rem;
}

.section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary);
}

/* Service Items */
.service-item {
    transition: .5s;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.service-item:hover {
    transform: translateY(-10px);
}

/* Warning Signs */
.warning-sign-item {
    transition: .5s;
    text-align: center;
    padding: 2rem;
}

.warning-sign-item i {
    margin-bottom: 1.5rem;
}

.warning-sign-item h5 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color:  var(--primary);
}

/* Timeline */
.timeline {
    position: relative;
    padding: 2rem 0;
}

.timeline-item {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 2rem;
}

.timeline-dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--primary);
    border-radius: 50%;
}

.timeline-content {
    background: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.timeline-content h4 {
    color: var(--primary);
    margin-bottom: 0.5rem;
}

/* Responsive Images */
.position-relative img {
    border-radius: 8px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

/* Feature Items */
.d-flex.align-items-center {
    margin-bottom: 2rem;
}

.d-flex.align-items-center .rounded-circle {
    transition: .5s;
}

.d-flex.align-items-center:hover .rounded-circle {
    background-color: var(--primary);
    border-color: var(--primary) !important;
}

.d-flex.align-items-center:hover .rounded-circle i {
    color: #fff !important;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.5rem;
    }

    .hero-text {
        font-size: 1rem;
    }

    .section-title h2 {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .hero-header {
        min-height: 60vh;
    }

    .timeline-item {
        padding-left: 2rem;
    }
}

/* Animations */
.wow {
    visibility: hidden;
}

.fadeInUp {
    animation: fadeInUp 0.5s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Section Styles */
.ben-section {
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.ben-section-title {
    color: var(--primary);
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #3498db;
}

.ben-section-content {
    color: #34495e;
}

.ben-section-image {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Accordion Styles */
.ben-accordion .accordion-item {
    border: none;
    margin-bottom: 0.5rem;
    background: transparent;
}

.ben-accordion .accordion-button {
    background: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    box-shadow: none;
}

.ben-accordion .accordion-button:not(.collapsed) {
    background: #3498db;
    color: #fff;
}

.ben-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.ben-accordion .accordion-body {
    padding: 1.5rem;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.ben-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ben-list li {
    padding: 0.5rem 0;
    position: relative;
    padding-left: 1.5rem;
}

.ben-list li:before {
    content: "•";
    color: #3498db;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

/* Ben Types Section */
.ben-types-section {
    margin-top: 3rem;
}

.ben-subtitle {
    color: #2c3e50;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3498db;
}

.ben-type-card {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ben-type-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.ben-type-card h4 {
    color: #2c3e50;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3498db;
}

.ben-type-card p {
    color: #34495e;
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Tehlikeli Ben Belirtileri */
.tehlikeli-ben-belirtileri {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #e74c3c;
}

.tehlikeli-ben-belirtileri h4 {
    color: #e74c3c;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.tehlikeli-ben-belirtileri .ben-list {
    margin-left: 1rem;
}

.tehlikeli-ben-belirtileri .ben-list li:before {
    color: #e74c3c;
}

.tehlikeli-ben-belirtileri strong {
    color: #e74c3c;
}

/* Tehlike Sinyalleri Styles */
.tehlike-sinyalleri {
    padding: 1rem 0;
}

.sinyal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.sinyal-item {
    background: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
    text-align: center;
}

.sinyal-item:hover {
    transform: translateY(-5px);
}

.sinyal-item i {
    font-size: 2rem;
    color: #e74c3c;
    margin-bottom: 1rem;
}

.sinyal-item h4 {
    color: #2c3e50;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.sinyal-item p {
    color: #34495e;
    font-size: 0.9rem;
    margin: 0;
}

/* Takip Steps Styles */
.takip-steps {
    padding: 1rem 0;
}

.step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.step:hover {
    transform: translateX(10px);
}

.step-number {
    background: #3498db;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 1rem;
    flex-shrink: 0;
}

.step p {
    margin: 0;
    color: #34495e;
}

/* Cerrahi Info Styles */
.cerrahi-info {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
}

.cerrahi-info p {
    color: #2c3e50;
    margin-bottom: 1rem;
}

/* Önemli Not Styles */
.onemli-not {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 1.5rem;
    border-radius: 0 8px 8px 0;
}

.onemli-not h4 {
    color: #856404;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.onemli-not .ben-list li:before {
    color: #856404;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .sinyal-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    
    .step:hover {
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .sinyal-item {
        padding: 1rem;
    }
    
    .sinyal-item i {
        font-size: 1.5rem;
    }
    
    .step {
        padding: 0.8rem;
    }
}

 /******************************************************/
  /*          bisektomi Page                            */
  /******************************************************/
  /* Bisektomi Page Styles */


.bisektomi-badge {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    background-color: var( --primary);
    color: white;
    border-radius: 50px;
    margin-bottom: 1.2rem;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
    transition: transform 0.3s ease;
}

.bisektomi-badge:hover {
    transform: translateY(-2px);
}

.bisektomi-section {
    padding: 4rem 0;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.bisektomi-section:nth-child(even) {
    background-color: var(--light-bg);
}

.bisektomi-section-title {
    color: var( --primary);
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 1.6rem;
}

.bisektomi-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background-color: var( --primary);
    border-radius: 2px;
}

.bisektomi-content {
    line-height: 1.6;
    color: var(--text-color);
    font-size: 0.95rem;
}

.bisektomi-content p {
    margin-bottom: 1.5rem;
}

.bisektomi-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    transition: all 0.4s ease;
}

.bisektomi-image-container:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

.bisektomi-image {
    border-radius: 15px;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

/* Removing overlay and magnifier styles */
.bisektomi-image-overlay,
.bisektomi-image-overlay i,
.bisektomi-image-container:hover .bisektomi-image-overlay,
.bisektomi-image-container:hover .bisektomi-image-overlay i {
    display: none;
}

.bisektomi-highlights {
    background-color: #fff;
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-left: 5px solid var( --primary);
    transition: transform 0.3s ease;
}

.bisektomi-highlights:hover {
    transform: translateY(-5px);
}

.bisektomi-highlights h4 {
    color: var( --primary);
    margin-bottom: 1.2rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.bisektomi-highlights ul {
    list-style-type: none;
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.bisektomi-highlights li {
    padding: 0.6rem 0;
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    border-bottom: 1px solid #eee;
    transition: color 0.3s ease;
}

.bisektomi-highlights li:hover {
    color: var( --primary);
}

.bisektomi-highlights li::before {
    content: '✓';
    color: var( --primary);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.bisektomi-timeline {
    position: relative;
    padding-left: 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.5rem;
}

.bisektomi-timeline-item {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.bisektomi-timeline-item:hover {
    transform: translateY(-5px);
}

.bisektomi-timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: var( --primary);
    border-radius: 5px 0 0 5px;
}

.bisektomi-timeline-item h5 {
    color: var( --primary);
    margin-bottom: 0.8rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.bisektomi-risks {
    background-color: #fff;
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-left: 5px solid var(--accent-color);
    transition: transform 0.3s ease;
}

.bisektomi-risks:hover {
    transform: translateY(-5px);
}

.bisektomi-risks h4 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 1.3rem;
}

.bisektomi-risks ul {
    list-style-type: none;
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.bisektomi-risks li {
    padding: 0.6rem 0;
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    border-bottom: 1px solid #eee;
    transition: color 0.3s ease;
}

.bisektomi-risks li:hover {
    color: var(--accent-color);
}

.bisektomi-risks li::before {
    content: '⚠';
    color: var(--accent-color);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.bisektomi-risks p {
    color: var(--text-light);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-top: 1.2rem;
}


.bisektomi-section {
    position: relative;
    overflow: hidden;
}

.bisektomi-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, var( --primary), transparent);
    opacity: 0.1;
}

.bisektomi-section:nth-child(even)::before {
    background: linear-gradient(to right, transparent, var(--accent-color), transparent);
}

.bisektomi-content p {
    position: relative;
    padding-left: 1.5rem;
}

.bisektomi-content p::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var( --primary);
    font-size: 1.2rem;
}

.bisektomi-highlights,
.bisektomi-risks {
    position: relative;
    overflow: hidden;
}

.bisektomi-highlights::after,
.bisektomi-risks::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: linear-gradient(45deg, transparent, rgba(13, 110, 253, 0.05));
    border-radius: 50%;
    transform: translate(50%, -50%);
}

.bisektomi-risks::after {
    background: linear-gradient(45deg, transparent, rgba(255, 107, 107, 0.05));
}

@media (max-width: 768px) {
   
    
   
    .bisektomi-section {
        padding: 3rem 0;
    }

    .bisektomi-section-title {
        font-size: 1.4rem;
    }

    .bisektomi-highlights,
    .bisektomi-risks {
        padding: 1.5rem;
    }

    .bisektomi-highlights ul,
    .bisektomi-risks ul {
        grid-template-columns: 1fr;
    }

    .bisektomi-timeline {
        grid-template-columns: 1fr;
        padding-left: 1.5rem;
    }

    .bisektomi-content {
        font-size: 0.9rem;
    }

    .bisektomi-highlights li,
    .bisektomi-risks li {
        font-size: 0.9rem;
    }

    .bisektomi-image {
        height: 250px;
    }
    
   
    
    .bisektomi-content p {
        padding-left: 1rem;
    }

    .bisektomi-image-container {
        margin-bottom: 1.5rem;
    }
    
    .bisektomi-image-container:hover {
        transform: scale(1.01);
    }
}

@media (max-width: 576px) {
    .bisektomi-hero {
        min-height: 40vh;
    }
    
    .bisektomi-section-title {
        font-size: 1.3rem;
    }
    
    .bisektomi-content {
        font-size: 0.85rem;
    }

    .bisektomi-image {
        height: 200px;
    }
    
   

    .bisektomi-highlights h4,
    .bisektomi-risks h4,
    .bisektomi-timeline-item h5 {
        font-size: 1rem;
    }
    
    .bisektomi-highlights li,
    .bisektomi-risks li {
        font-size: 0.85rem;
    }
} 

  /******************************************************/
  /*          Botox Page                               */
  /******************************************************/

      /* Botoks Sayfası Özel Stilleri */
.botox-section {
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}

.botox-section:last-child {
    border-bottom: none;
}

.botox-section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primary);
    text-align: center;
}

.botox-content {
    padding: 10px;
}

.botox-content p {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 12px;
}

.botox-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    max-width: 500px;
    margin: 0 auto;
}

.botox-image {
    width: 100%;
    height: auto;
    max-height: 280px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.botox-image-container:hover .botox-image {
    transform: scale(1.05);
}

.botox-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    padding: 20px;
    color: white;
}

.botox-image-overlay h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.botox-feature-box {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    height: 100%;
    transition: transform 0.3s ease;
    margin-bottom: 15px;
}

.botox-feature-box:hover {
    transform: translateY(-3px);
}

.botox-feature-icon {
    font-size: 2rem;
    color: var(--primary);
    margin-bottom: 12px;
}

.botox-feature-box h3 {
    font-size: 1.3rem;
    margin-bottom: 12px;
    color: var(--primary);
}

.botox-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.botox-list li {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    color: #666;
}

.botox-list li:last-child {
    border-bottom: none;
}

.botox-list li::before {
    content: "✓";
    color: var(--primary);
    font-weight: bold;
    margin-right: 10px;
}

.botox-highlight-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin: 15px 0;
    border-left: 4px solid var(--primary);
}

.botox-timeline {
    padding: 20px 0;
}

.botox-timeline-item {
    text-align: center;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    height: 100%;
    margin-bottom: 15px;
}

.botox-timeline-icon {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 20px;
}

.botox-timeline-item h4 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: var(--primary);
}

.botox-timeline-item p {
    color: #666;
    margin: 0;
}

.botox-treatment-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    height: 100%;
    border-left: 4px solid var(--primary);
    margin-bottom: 15px;
}

.botox-treatment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.botox-treatment-card h5 {
    color: var(--primary);
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 600;
}

.botox-treatment-card p {
    color: #666;
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
}

.botox-treatment-icon {
    display: none;
}

.botox-warning {
    background: #fff3cd;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #ffc107;
    margin-bottom: 15px;
}

.botox-warning h4 {
    color: #856404;
    margin-bottom: 20px;
}

/* Responsive Tasarım */
@media (max-width: 991.98px) {
    .botox-section {
        padding: 20px 0;
    }

    .botox-section-title {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }

    .botox-image {
        max-height: 240px;
    }
}

@media (max-width: 767.98px) {
    .botox-section-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .botox-feature-box,
    .botox-timeline-item,
    .botox-treatment-card {
        margin-bottom: 12px;
    }

    .botox-content {
        padding: 8px;
    }

    .botox-highlight-box,
    .botox-warning {
        padding: 15px;
        margin: 12px 0;
    }
}

/* Botoks Uygulama Alanları Stilleri */
.botox-application-areas {
    margin: 20px 0;
}

.botox-application-areas .botox-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.botox-application-areas .botox-list li {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 6px;
    border-left: 4px solid var(--primary);
    transition: transform 0.3s ease;
}

.botox-application-areas .botox-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Botoks Etki Süreci Stilleri */
.botox-timeline .small {
    font-size: 0.8rem;
    color: #666;
    margin-top: 6px;
}

/* Botoks Uygulama Detayları */
.botox-application-details {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.botox-application-details h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 1.2rem;
}

.botox-application-details p {
    color: #666;
    line-height: 1.8;
}

/* Botoks Etki Alanı Stilleri */
.botox-effect-area {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

.botox-effect-area h3 {
    color: var(--primary);
    margin-bottom: 20px;
}

.botox-effect-area p {
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

/* Botoks Sonrası Öneriler Stilleri */
.botox-post-application {
    margin: 20px 0;
}

.botox-post-application .botox-highlight-box,
.botox-post-application .botox-warning {
    height: 100%;
    padding: 30px;
}

.botox-post-application h4 {
    color: #007bff;
    margin-bottom: 20px;
    font-size: 1.2rem;
}

/* Sık Sorulan Sorular Stilleri */
.botox-faq-item {
    margin-bottom: 20px;
}

.botox-faq-item h4 {
    color: var(--primary);
    font-size: 1.1rem;
    margin-bottom: 10px;
    padding-left: 20px;
}

.botox-faq-item h4::before {
    content: "?";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.botox-faq-item .botox-highlight-box {
    background: #f8f9fa;
    border-left: 4px solid #007bff;
    padding: 20px;
}

.botox-faq-item p {
    color: #666;
    line-height: 1.8;
    margin: 0;
}

/* Botoks ve Yüz Estetiği Stilleri */
.botox-treatment-areas {
    margin: 20px 0;
}

.botox-treatment-areas h4 {
    color: var(--primary);
    margin-bottom: 12px;
    font-size: 1.2rem;
}

.botox-additional-info {
    margin-top: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.botox-additional-info h4 {
    color: #333;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

.botox-additional-info .botox-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.botox-additional-info .botox-list li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    color: #666;
}

.botox-additional-info .botox-list li:last-child {
    border-bottom: none;
}

.botox-additional-info .botox-list li::before {
    content: "✓";
    color: #007bff;
    font-weight: bold;
    margin-right: 10px;
}

/* Aşırı Terleme Tedavisi Stilleri */
.botox-treatment-info {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.botox-treatment-info h4 {
    color: #333;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

.botox-treatment-info p {
    color: #666;
    line-height: 1.8;
    margin: 0;
}

.botox-benefits {
    margin-top: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.botox-benefits h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 1.2rem;
    text-align: center;
}

.botox-benefits .botox-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.botox-benefits .botox-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    color: #666;
    display: flex;
    align-items: center;
}

.botox-benefits .botox-list li:last-child {
    border-bottom: none;
}

.botox-benefits .botox-list li::before {
    content: "✓";
    color: var(--primary);
    font-weight: bold;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: rgba(0, 123, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive Düzenlemeler */
@media (max-width: 991.98px) {
    .botox-treatment-info,
    .botox-benefits {
        margin: 20px 0;
    }
}

@media (max-width: 767.98px) {
    .botox-treatment-info h4,
    .botox-benefits h4 {
        font-size: 1.1rem;
    }

    .botox-benefits .botox-list li {
        font-size: 0.9rem;
    }
} 

/******************************************************/
  /*          30 lu yaş cilt bakımı Page               */
  /******************************************************/
  /* Cilt Bakımı 30'lu Yaşlar Sayfası Stilleri */

/* .cilt-bakimi-30-section {
    padding: 100px 0;
    background: #fff;
    position: relative;
} */

.cilt-bakimi-30-section:nth-child(even) {
    background: #f8f9fa;
}

.cilt-bakimi-30-section-title {
    font-size: 2rem;
    color: var(--primary);
    margin-bottom: 40px;
    text-align: left;
    position: relative;
    font-weight: 700;
    padding-left: 20px;
}

.cilt-bakimi-30-section-title:after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: var(--primary);
    margin: 16px 0 0 0;
    border-radius: 2px;
}

.cilt-bakimi-30-content {
    font-size: 1.15rem;
    line-height: 1.9;
    color: #666;
}

.cilt-bakimi-30-content p {
    margin-bottom: 25px;
}

.cilt-bakimi-30-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.cilt-bakimi-30-image-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.cilt-bakimi-30-image {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.cilt-bakimi-30-image:hover {
    transform: scale(1.05);
}

.cilt-bakimi-30-highlights {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    margin: 30px 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.cilt-bakimi-30-highlights h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 600;
}

.cilt-bakimi-30-highlights ul {
    list-style: none;
    padding: 0;
}

.cilt-bakimi-30-highlights li {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35px;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.cilt-bakimi-30-highlights li:last-child {
    border-bottom: none;
}

.cilt-bakimi-30-highlights li:hover {
    padding-left: 40px;
    color: var(--primary);
}

.cilt-bakimi-30-highlights li:before {
    content: '✓';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-weight: bold;
    transition: all 0.3s ease;
}

.cilt-bakimi-30-highlights li:hover:before {
    transform: scale(1.2);
}

.cilt-bakimi-30-timeline {
    position: relative;
    padding: 30px 0;
}

.cilt-bakimi-30-timeline-item {
    padding: 25px;
    background: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.cilt-bakimi-30-timeline-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.cilt-bakimi-30-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: 600;
}

.cilt-bakimi-30-cta {
    text-align: center;
    padding: 80px 0;
    background: #f8f9fa;
    margin-top: 50px;
}

.cilt-bakimi-30-cta h3 {
    font-size: 2.2rem;
    color: #333;
    margin-bottom: 20px;
}

.cilt-bakimi-30-cta p {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 30px;
}

.cilt-bakimi-30-cta .btn {
    padding: 15px 45px;
    font-size: 1.2rem;
    border-radius: 30px;
    background: #00B98E;
    border: none;
    transition: all 0.3s ease;
}

.cilt-bakimi-30-cta .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,185,142,0.2);
    background: #00D9A6;
}

@media (max-width: 768px) {
    .cilt-bakimi-30-section {
        padding: 60px 0;
    }
    
    .cilt-bakimi-30-section-title {
        font-size: 1.4rem;
        padding-left: 15px;
    }

    .cilt-bakimi-30-section-title:after {
        width: 70px;
        height: 3px;
    }

    .cilt-bakimi-30-content {
        font-size: 1.1rem;
    }

    .cilt-bakimi-30-highlights {
        padding: 25px;
    }

    .cilt-bakimi-30-highlights li {
        font-size: 1rem;
    }
}
/******************************************************/
  /*          40 lı yaş cilt bakımı Page              */
  /******************************************************/

/* .cilt-bakimi-40-section {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
} */

.cilt-bakimi-40-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
    z-index: -1;
}

.cilt-bakimi-40-section-title {
    color: var(--primary);
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.cilt-bakimi-40-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
    transition: none;
}

.cilt-bakimi-40-section:hover .cilt-bakimi-40-section-title::after {
    width: 80px;
}

.cilt-bakimi-40-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}

.cilt-bakimi-40-image-container:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.cilt-bakimi-40-image {
    width: 100%;
    transition: transform 0.5s ease;
}

.cilt-bakimi-40-image-container:hover .cilt-bakimi-40-image {
    transform: scale(1.1);
}

.cilt-bakimi-40-image-overlay {
    display: none !important;
}

.cilt-bakimi-40-image-container:hover .cilt-bakimi-40-image-overlay {
    display: none !important;
    opacity: 0 !important;
}

.cilt-bakimi-40-content {
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
}

.cilt-bakimi-40-content:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.cilt-bakimi-40-highlights {
    background: var(--light);
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    border-left: 4px solid var(--primary);
    transition: var(--transition);
}

.cilt-bakimi-40-highlights:hover {
    transform: translateX(10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.cilt-bakimi-40-highlights h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.3rem;
}

.cilt-bakimi-40-highlights ul {
    list-style: none;
    padding: 0;
}

.cilt-bakimi-40-highlights ul li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: var(--transition);
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.05rem;
}

.cilt-bakimi-40-highlights ul li:before {
    content: '✓';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.cilt-bakimi-40-highlights ul li:hover {
    padding-left: 1.8rem;
    color: var(--primary);
}

.cilt-bakimi-40-timeline {
    position: relative;
    padding: 30px 0;
}

.cilt-bakimi-40-timeline-item {
    padding: 25px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    border-left: 4px solid var(--primary);
}

.cilt-bakimi-40-timeline-item:hover {
    transform: translateX(10px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.cilt-bakimi-40-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1.15rem;
}

.cilt-bakimi-40-timeline-item ul {
    list-style: none;
    padding: 0;
}

.cilt-bakimi-40-timeline-item ul li {
    padding: 8px 0;
    display: flex;
    align-items: center;
}

.cilt-bakimi-40-timeline-item ul li:before {
    content: '•';
    color: var(--primary);
    margin-right: 10px;
    font-size: 1.5em;
}

/* Tip card styles for two-column layout */
.cilt-bakimi-40-tip-card {
    background: #fff;
    padding: 2rem 1.5rem;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 220px;
}
.cilt-bakimi-40-tip-card h5 {
    color: var(--primary);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: 1px;
}
.cilt-bakimi-40-tip-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cilt-bakimi-40-tip-card ul li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.7rem;
    color: var(--dark);
    font-size: 1.05rem;
}
.cilt-bakimi-40-tip-card ul li:last-child {
    margin-bottom: 0;
}
.cilt-bakimi-40-tip-card ul li:before {
    content: '•';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-size: 1.2rem;
    top: 0.1rem;
}
.cilt-bakimi-40-tip-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.13);
    transform: translateY(-4px);
}

@media (max-width: 991px) {
    .cilt-bakimi-40-tip-card {
        min-height: unset;
        margin-bottom: 1.5rem;
    }
    .row.g-5.align-items-stretch > .col-lg-6 {
        margin-bottom: 2rem;
    }
}
@media (max-width: 768px) {
    .row.g-5.align-items-stretch {
        flex-direction: column;
    }
    .cilt-bakimi-40-tip-card {
        padding: 1.2rem 1rem;
    }
} 

/******************************************************/
  /*          50 li yaş cilt bakımı Page               */
  /******************************************************/
  /* Main wrapper: wider and less side space */
.cilt-bakimi-50-mainwrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

/* Section Styles */
.ciltbakimi50-section {
    margin-bottom: 60px;
}

.ciltbakimi50-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 40px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
    border-bottom: none;
    display: block;
}

.ciltbakimi50-section-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
    margin-top: 8px;
}

/* Image Container Styles */
.ciltbakimi50-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 0 24px rgba(0,0,0,0.08);
}

.ciltbakimi50-image {
    transition: transform 0.4s;
    border-radius: 12px;
}

.ciltbakimi50-image-container:hover .ciltbakimi50-image {
    transform: scale(1.07);
}

.ciltbakimi50-image-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.18);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.4s;
    border-radius: 12px;
}

.ciltbakimi50-image-container:hover .ciltbakimi50-image-overlay {
    opacity: 1;
}

.ciltbakimi50-image-overlay i {
    color: #fff;
    font-size: 2rem;
}

/* Content Styles */
.ciltbakimi50-content {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 28px 24px 18px 24px;
    font-size: 1.08rem;
    color: var(--dark);
    line-height: 1.8;
}

/* Highlights Styles */
.cilt-bakimi-50-highlights {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin-top: 30px;
}

.cilt-bakimi-50-highlights h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.cilt-bakimi-50-highlights ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cilt-bakimi-50-highlights ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
    color: var(--dark);
    font-size: 15px;
}

.cilt-bakimi-50-highlights ul li:last-child {
    border-bottom: none;
}

/* Routine Styles */
.cilt-bakimi-50-routine {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.routine-item {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
}

.routine-item h5 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
}

.routine-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.routine-item ul li {
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
    color: var(--dark);
    font-size: 15px;
}

.routine-item ul li:last-child {
    border-bottom: none;
}

/* Treatments Styles */
.cilt-bakimi-50-treatments {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin-top: 30px;
}

.treatment-item h5 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.treatment-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.treatment-item ul li {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    color: var(--dark);
    font-size: 15px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Lifestyle Styles */
.cilt-bakimi-50-lifestyle {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin-top: 30px;
}

.cilt-bakimi-50-lifestyle h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
}

.cilt-bakimi-50-lifestyle ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.cilt-bakimi-50-lifestyle ul li {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 5px;
    color: var(--dark);
    font-size: 15px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Responsive Styles */
@media (max-width: 991.98px) {
    .ciltbakimi50-section-title { font-size: 1.7rem; }
    .ciltbakimi50-content { padding: 16px 8px; }
    .cilt-bakimi-50-mainwrap {
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }
    .ciltbakimi50-section {
        padding: 0 4px;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ciltbakimi50-section-title { font-size: 1.3rem; }
    .ciltbakimi50-content { font-size: 0.98rem; }
    .cilt-bakimi-50-routine {
        grid-template-columns: 1fr;
    }
    .treatment-item ul,
    .cilt-bakimi-50-lifestyle ul {
        grid-template-columns: 1fr;
    }
}

.ciltbakimi50-spot {
    background: #f3f7fa;
    border-left: 4px solid var(--primary);
    padding: 18px 22px;
    margin-bottom: 22px;
    font-size: 1.08rem;
    font-style: italic;
    color: #234;
    font-weight: 500;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ciltbakimi50-list {
    margin-top: 18px;
    margin-bottom: 0;
    padding-left: 22px;
}
.ciltbakimi50-list li {
    margin-bottom: 10px;
    font-size: 1.04rem;
    color: #234;
    line-height: 1.7;
    position: relative;
}
.ciltbakimi50-list li::before {
    content: "•";
    color: var(--primary);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.cilt-bakimi-50-section-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 32px;
    padding-bottom: 8px;
    position: relative;
    text-align: left;
    border-bottom: none;
    display: block;
}

.cilt-bakimi-50-section-title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: var(--primary);
    border-radius: 2px;
    margin-top: 6px;
}

@media (max-width: 991.98px) {
    .cilt-bakimi-50-section-title { font-size: 1.3rem; }
}
@media (max-width: 767.98px) {
    .cilt-bakimi-50-section-title { font-size: 1.1rem; }
}

/******************************************************/
  /*          Deri Kanseri Page                        */
  /******************************************************
  /* Deri Kanseri Sayfası Özel Stilleri */


.dk-section {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.dk-section:last-child {
    border-bottom: none;
}

.dk-section-title {
    color: var(--primary);
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
}

.dk-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--primary);
}

.dk-content {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
}

.dk-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.dk-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.dk-card:hover {
    transform: translateY(-5px);
}

.dk-card-image {
    width: 100%;
    height: 300px;
    object-fit: contain;
    background-color: #f8f9fa;
    padding: 10px;
}

.dk-card-content {
    padding: 15px;
}

.dk-highlights {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
    border-left: 4px solid var(--primary);
}

.dk-highlights h4 {
    color: var(--primary);
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.dk-highlights ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.dk-highlights li {
    padding: 6px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.dk-highlights li:last-child {
    border-bottom: none;
}

.dk-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin: 15px 0;
}

.dk-image {
    width: 100%;
    height: 350px;
    object-fit: contain;
    transition: transform 0.3s ease;
    background-color: #f8f9fa;
    padding: 10px;
}

.dk-image:hover {
    transform: scale(1.05);
}

.dk-timeline {
    position: relative;
    padding: 10px 0;
}

.dk-timeline-item {
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    border-left: 4px solid var(--primary);
}

.dk-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 6px;
    font-size: 1rem;
}

.dk-timeline-item p {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.dk-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin: 15px 0;
}

.dk-info-item {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border-bottom: 3px solid var(--primary);
}

.dk-info-item h5 {
    color: var(--primary);
    margin-bottom: 8px;
    font-size: 1rem;
}

.dk-info-item p {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}

@media (max-width: 768px) {
    .dk-section {
        padding: 25px 0;
    }

    .dk-section-title {
        font-size: 1.6rem;
    }

    .dk-grid {
        grid-template-columns: 1fr;
    }

    .dk-image {
        height: 300px;
    }

    .dk-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .dk-hero {
        min-height: 250px;
    }

    .dk-section {
        padding: 20px 0;
    }

    .dk-section-title {
        font-size: 1.4rem;
    }
}

/******************************************************/
  /*          Estetik dolgu Page                       */
  /******************************************************/
  /* Estetik Dolgu Page Styles */
.ed-section {
    padding: 0.5rem 0;
    background: #fff;
}

.ed-header {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.ed-header h1 {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ed-divider {
    width: 120px;
    height: 4px;
    background: var(--primary);
    margin: 0 auto;
    border-radius: 2px;
}

.ed-section-title {
    color:var(--primary);
    margin-bottom: 2.5rem;
    font-size: 2.2rem;
    position: relative;
    padding-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ed-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
}

.ed-content-wrapper {
    max-width: 100%;
    margin-bottom: 2rem;
}

.ed-content-wrapper .ed-content {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: 1.2rem;
    text-align: justify;
}

.ed-content-wrapper .ed-content:last-child {
    margin-bottom: 0;
}

.ed-image {
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    margin-bottom: 2.5rem;
    transition: transform 0.3s ease;
    max-height: 400px;
    object-fit: cover;
    width: 100%;
}

.ed-image:hover {
    transform: translateY(-5px);
}

.ed-highlights {
    background: #f8fafc;
    padding: 2.5rem;
    border-radius: 15px;
    margin: 3rem 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-left: 4px solid  var(--primary);
}

.ed-highlights h4 {
    color: var(--primary);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.ed-highlights .ed-content {
    margin-bottom: 0;
}

.ed-timeline {
    position: relative;
    padding-left: 2.5rem;
    margin-top: 2rem;
}

.ed-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--primary);
    border-radius: 3px;
}

.ed-timeline-item {
    position: relative;
    margin-bottom: 2.5rem;
    padding-left: 2rem;
}

.ed-timeline-item::before {
    content: '';
    position: absolute;
    left: -0.75rem;
    top: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background:var(--primary);
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
}

.ed-timeline-item h5 {
    color: #2c3e50;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.ed-timeline-item p {
    color: #4a5568;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1.7;
}

.ed-warning-box {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 2rem;
    margin: 3rem 0;
    border-radius: 0 15px 15px 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.ed-warning-box h4 {
    color: #856404;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.ed-warning-box p {
    color: #856404;
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1.7;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ed-section {
        padding: 3rem 0;
    }
    
    .ed-image {
        max-height: 300px;
    }
    
    .ed-content-wrapper .ed-content {
        font-size: 1rem;
        line-height: 1.6;
        text-align: left;
    }
    
    .ed-header h1 {
        font-size: 2rem;
    }
    
    .ed-section-title {
        font-size: 1.8rem;
    }

    .ed-highlights {
        padding: 1.5rem;
    }

    .ed-timeline-item h5 {
        font-size: 1.2rem;
    }

    .ed-timeline-item p {
        font-size: 1rem;
    }
}

/* Animation Effects */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ed-section > .container > * {
    animation: fadeIn 0.6s ease-out forwards;
}

.ed-section > .container > *:nth-child(2) {
    animation-delay: 0.2s;
}

.ed-section > .container > *:nth-child(3) {
    animation-delay: 0.4s;
}

.ed-section > .container > *:nth-child(4) {
    animation-delay: 0.6s;
} 
/******************************************************/
  /*          Gluteal Augmentation Page               */
  /******************************************************/
  /* Gluteal Augmentation Page Styles */

.ga-section {
    padding: 20px 0;
    position: relative;
}

.ga-section-title {
    color:  var(--primary);
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2rem;
}

.ga-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    background:  var(--primary);
    border-radius: 2px;
}

.ga-content {
    line-height: 1.8;
    color: #444;
    font-size: 1.1rem;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.ga-content p {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    border-left: 3px solid  var(--primary);
}

.ga-content p.lead {
    font-size: 1.25rem;
    color:  var(--primary);
    font-weight: 500;
    margin-top: 40px;
    padding: 20px;
    background: rgba(13, 110, 253, 0.05);
    border-radius: 10px;
    display: inline-block;
}

.ga-image {
    max-width: 100%;
    height: 400px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    transition: transform 0.3s ease;
    object-fit: cover;
    object-position: center;
    width: 100%;
    display: block;
}

.ga-image:hover {
    transform: translateY(-5px);
}

.ga-highlights {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
    margin: 30px 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(13, 110, 253, 0.1);
}

.ga-highlights h4 {
    color:  var(--primary);
    margin-bottom: 25px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    font-size: 1.2rem;
}

.ga-highlights h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background:  var(--primary);
    border-radius: 2px;
}

.ga-highlights ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
}

.ga-highlights li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(13, 110, 253, 0.1);
    position: relative;
    padding-left: 30px;
    font-size: 1.05rem;
    line-height: 1.6;
}

.ga-highlights li::before {
    content: '•';
    position: absolute;
    left: 0;
    color:  var(--primary);
    font-weight: bold;
    font-size: 1.2rem;
}

.ga-highlights li:last-child {
    border-bottom: none;
}

.ga-timeline {
    position: relative;
    padding: 20px 0;
}

.ga-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background:  var(--primary);
    border-radius: 2px;
}

.ga-timeline-item {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-left: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    border: 1px solid rgba(13, 110, 253, 0.1);
    transition: transform 0.3s ease;
}

.ga-timeline-item:hover {
    transform: translateX(5px);
}

.ga-timeline-item::before {
    content: '';
    position: absolute;
    left: -30px;
    top: 25px;
    width: 20px;
    height: 20px;
    background:  var(--primary);
    border-radius: 50%;
}

.ga-timeline-item h5 {
    color:  var(--primary);
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 1.1rem;
}

.ga-timeline-item p {
    margin-bottom: 0;
    color: #444;
    line-height: 1.6;
}

.ga-risks {
    background: #fff3f3;
    padding: 25px;
    border-radius: 15px;
    margin: 20px 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(220, 53, 69, 0.1);
    height: auto;
    min-height: 300px;
    display: flex;
    flex-direction: column;
}

.ga-risks h4 {
    color: #dc3545;
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    font-size: 1.2rem;
}

.ga-risks ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.ga-risks li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(220, 53, 69, 0.1);
    position: relative;
    padding-left: 25px;
    font-size: 1rem;
    line-height: 1.4;
}

.ga-risks li::before {
    content: '!';
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: bold;
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .ga-hero {
        min-height: 400px;
    }
    
    .ga-image {
        height: 300px;
        margin-bottom: 20px;
    }

    .ga-section {
        padding: 40px 0;
    }

    .ga-section-title {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .ga-content {
        padding: 15px;
        font-size: 1rem;
    }

    .ga-content p {
        padding-left: 15px;
        font-size: 1rem;
    }

    .ga-content p.lead {
        font-size: 1.1rem;
        padding: 15px;
    }

    .ga-highlights,
    .ga-risks {
        padding: 20px;
    }

    .ga-highlights li,
    .ga-risks li {
        font-size: 1rem;
        padding: 10px 0 10px 25px;
    }

    .ga-timeline-item {
        margin-left: 15px;
        padding: 15px;
    }

    .ga-timeline-item::before {
        left: -20px;
    }

    .ga-risks {
        padding: 20px;
        min-height: auto;
    }

    .ga-risks ul {
        grid-template-columns: 1fr;
    }

    .ga-risks li {
        padding: 6px 0 6px 20px;
        font-size: 0.95rem;
    }
} 

/******************************************************/
  /*          İmplant Meme Büyütme Page               */
  /******************************************************/
  

.imb-section-title {
    color: var(--primary);
    font-size: 2.5rem;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.imb-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: var(--primary);
}

.imb-content {
    font-size: 1.1rem;
    line-height: 1.8;
}

.imb-image {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.imb-image:hover {
    transform: translateY(-5px);
}

/* List Styles */
.imb-list {
    list-style: none;
    padding-left: 0;
}

.imb-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.imb-list li::before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

/* Consideration Box Styles */
.imb-consideration-box {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.imb-consideration-box:hover {
    transform: translateY(-5px);
}

.imb-consideration-box i {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: 20px;
}

.imb-consideration-box h4 {
    color: var(--primary);
    margin-bottom: 15px;
}

.imb-consideration-box ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
}

.imb-consideration-box ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.imb-consideration-box ul li::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

/* Timeline Styles */
.imb-timeline {
    position: relative;
    padding: 30px;
}

.imb-timeline-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    border-left: 2px solid var(--primary);
}

.imb-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 10px;
    font-weight: 600;
}

.imb-timeline-item p {
    color: #6c757d;
}

/* Results Section Styles */
.imb-results-content {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 30px;
    height: 100%;
}

.imb-results-image img {
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.imb-results-image img:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.imb-results-content {
    padding: 20px;
}

.imb-results-content p {
    color: #6c757d;
    margin-bottom: 20px;
    line-height: 1.7;
}

.imb-results-expectations {
    margin-bottom: 30px;
}

.imb-results-list {
    list-style: none;
    padding-left: 5px;
    margin-bottom: 25px;
}

.imb-results-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    color: #6c757d;
}

.imb-results-list li:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

.imb-timeline-bar {
    position: relative;
    padding: 20px 0;
    margin-top: 30px;
}

.imb-timeline-bar:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background: #e9ecef;
    z-index: 0;
}

.imb-timeline-point {
    position: relative;
    text-align: center;
    padding: 0 10px;
    margin-bottom: 30px;
    display: inline-block;
    width: 33.33%;
    float: left;
}

.imb-time {
    display: inline-block;
    padding: 5px 15px;
    background: var(--primary);
    color: #fff;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.imb-point-description {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
    

    .imb-section-title {
        font-size: 2rem;
    }

    .imb-consideration-box {
        margin-bottom: 30px;
    }

    .imb-consideration-item {
        margin-bottom: 20px;
    }
    
    .imb-process-image {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    

   

    .imb-section {
        margin-bottom: 60px;
    }

    .imb-timeline-item {
        padding-left: 20px;
    }

    .imb-timeline-point {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .imb-timeline-bar:before {
        display: none;
    }
    
    .imb-results-image {
        margin-bottom: 30px;
    }
}

/* Image Container Styles */
.imb-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.imb-image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13, 60, 113, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.imb-image-container:hover::before {
    opacity: 1;
}




/* Considerations Before Surgery Styles */
.imb-considerations-intro {
    margin-bottom: 30px;
}

.imb-considerations-list {
    padding: 15px;
}

.imb-consideration-item {
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 10px;
    background: #f8f9fa;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.imb-consideration-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-left: 3px solid var(--primary);
}

.imb-consideration-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.imb-consideration-icon i {
    font-size: 20px;
    color: var(--primary);
}

.imb-consideration-content {
    flex: 1;
}

.imb-consideration-content h4 {
    color: var(--primary);
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 600;
}

.imb-consideration-content p {
    color: #6c757d;
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Surgical Process Styles */
.imb-process-image-container {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.imb-process-image {
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: auto;
    object-fit: cover;
    max-height: 700px;
}

.imb-process-image:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.imb-image-caption {
    background: rgba(13, 110, 253, 0.05);
    border-left: 3px solid var(--primary);
    padding: 12px 15px;
    margin-top: 15px;
    border-radius: 5px;
}

.imb-image-caption p {
    margin-bottom: 0;
    font-size: 0.9rem;
    color: #6c757d;
}

.imb-process-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.imb-process-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.imb-process-card:hover {
    border-left-color: var(--primary);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.imb-subtitle {
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.imb-subtitle i {
    color: var(--primary);
    margin-right: 10px;
}

.imb-process-content p {
    color: #6c757d;
    margin-bottom: 15px;
    line-height: 1.7;
}

.imb-process-content p:last-child {
    margin-bottom: 0;
}

.imb-process-list {
    list-style: none;
    padding-left: 5px;
    margin-bottom: 20px;
}

.imb-process-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #6c757d;
}

.imb-process-list li:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .imb-process-image-container {
        margin-bottom: 30px;
    }
    
    .imb-process-image {
        max-height: 500px;
        object-position: center;
    }
}

@media (max-width: 767.98px) {
    .imb-process-image {
        max-height: 400px;
    }
}

/* Clear float after timeline */
.imb-timeline-bar:after {
    content: "";
    display: table;
    clear: both;
}

/******************************************************/
  /*          Kol Germe dolgu Page                      */
  /******************************************************/

  /* Kol Germe Page Styles */
.kg-section {
    position: relative;
    background: #fff;
}

.kg-section:nth-child(odd) {
    background: #f8f9fa;
}

.kg-section-title {
    color: var(--primary);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
    text-align: left;
}

.kg-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    background:  var(--primary);
}

.kg-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.kg-content p {
    margin-bottom: 25px;
}

.kg-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    margin-bottom: 30px;
}

.kg-image-container:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.kg-image {
    width: 100%;
    height: auto;
    transition: all 0.4s ease;
}

.kg-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.kg-image-container:hover .kg-image-overlay {
    opacity: 1;
}

.kg-image-overlay i {
    color: #fff;
    font-size: 2.5rem;
    transform: scale(0.8);
    transition: all 0.4s ease;
}

.kg-image-container:hover .kg-image-overlay i {
    transform: scale(1);
}

.kg-highlights {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    margin: 40px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-left: 4px solid var(--primary);
    transition: all 0.3s ease;
}

.kg-highlights:hover {
    transform: translateX(5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.kg-highlights h4 {
    color: var(--primary);
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 1.4rem;
    position: relative;
    padding-bottom: 10px;
}

.kg-highlights h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--primary);
}

.kg-highlights ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kg-highlights ul li {
    padding: 15px 0;
    padding-left: 35px;
    position: relative;
    color: #555;
    font-size: 1.1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.kg-highlights ul li:last-child {
    border-bottom: none;
}

.kg-highlights ul li:hover {
    transform: translateX(10px);
    color: var(--primary);
}

.kg-highlights ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
    font-size: 1.2rem;
}

.kg-timeline {
    position: relative;
    padding: 20px 0;
}

.kg-timeline-item {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.kg-timeline-item:hover {
    transform: translateX(10px);
}

.kg-timeline-item h5 {
    color: var(--primary);
    margin-bottom: 10px;
    font-weight: 600;
}

.kg-divider {
    width: 120px;
    height: 4px;
    background-color:  var(--primary);
    margin: 2rem auto;
    border-radius: 2px;
}

.kg-header {
    text-align: center;
    margin-bottom: 5rem;
    padding: 3rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
}

.kg-header h1 {
    color:  var(--primary);
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

/* Procedure Details Section - Modern Card Layout */
.kg-procedure-details {
    background: none;
    padding: 0;
    border-radius: 0;
    margin: 30px 0;
    box-shadow: none;
    border-left: none;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.kg-procedure-details .procedure-phase {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(13, 110, 253, 0.08);
    padding: 32px 28px 24px 28px;
    border-left: 5px solid  var(--primary);
    margin: 0;
    transition: box-shadow 0.3s;
}
.kg-procedure-details .procedure-phase:hover {
    box-shadow: 0 8px 32px rgba(13, 110, 253, 0.15);
}
.kg-procedure-details .procedure-phase h4 {
    color:  var(--primary);
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 1.25rem;
    position: relative;
    padding-bottom: 8px;
}
.kg-procedure-details .procedure-phase h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background:  var(--primary);
    border-radius: 1px;
}
.kg-procedure-details .kg-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}
.kg-procedure-details .kg-list li {
    padding: 10px 0 10px 28px;
    position: relative;
    color: #444;
    font-size: 1.08rem;
    border-bottom: 1px solid #f0f4fa;
    transition: color 0.2s;
}
.kg-procedure-details .kg-list li:last-child {
    border-bottom: none;
}
.kg-procedure-details .kg-list li:hover {
    color:  var(--primary);
}
.kg-procedure-details .kg-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color:  var(--primary);
    font-weight: bold;
    font-size: 1.1rem;
}
@media (max-width: 768px) {
    .kg-procedure-details .procedure-phase {
        padding: 20px 12px 16px 16px;
    }
    .kg-procedure-details {
        gap: 18px;
    }
}

/* Hero Section */
.kg-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/fdogan7.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 0;
    position: relative;
    margin-bottom: 50px;
}

.kg-hero-content {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}

.kg-badge {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.kg-hero-content h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.kg-hero-content p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}





/* Responsive adjustments */
@media (max-width: 991px) {
    .kg-section {
        padding: 60px 0;
    }

    .kg-section-title {
        font-size: 2.2rem;
    }

    .kg-highlights, .kg-procedure-details {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .kg-section {
        padding: 40px 0;
    }

    .kg-section-title {
        font-size: 1.8rem;
    }

    .kg-highlights, .kg-procedure-details {
        padding: 20px;
    }

    .kg-highlights ul li, .kg-list li {
        font-size: 1rem;
        padding: 12px 0;
        padding-left: 30px;
    }
} 


/******************************************************/
  /*          Liposuction dolgu Page                   */
  /******************************************************/

  /* Liposuction Page Styles */


.liposuction-badge {
    display: inline-block;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    margin-bottom: 25px;
    font-size: 1.2rem;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.liposuction-section {
    border-bottom: 1px solid #eee;
    background: #fff;
    transition: all 0.3s ease;
}

.liposuction-section:hover {
    background: #fafafa;
}

.liposuction-section:last-child {
    border-bottom: none;
}

.liposuction-section-title {
    color:  var(--primary);
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    position: relative;
    padding-bottom: 20px;
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.liposuction-section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background:  var(--primary);
    border-radius: 2px;
}

.liposuction-image-container {
    position: relative;
    margin-bottom: 12px !important;
    max-width: 340px;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.liposuction-image-container:hover {
    transform: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

.liposuction-image {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

.liposuction-image-overlay {
    display: none !important;
}

.liposuction-image-container:hover .liposuction-image {
    transform: none !important;
}

.liposuction-image-container:hover .liposuction-image-overlay {
    opacity: 0 !important;
}

.liposuction-image-container:hover .liposuction-image-overlay i {
    transform: none !important;
}

.liposuction-content {
    padding-top: 0 !important;
}

.liposuction-content p {
    font-size: 1.15rem;
    line-height: 1.8;
    margin-bottom: 25px;
    color: #333;
    font-weight: 400;
}

.liposuction-highlights {
    background: #f8f9fa;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 12px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.liposuction-highlights:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.liposuction-highlights h4 {
    color:  var(--primary);
    margin-bottom: 25px;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
}

.liposuction-highlights h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background:  var(--primary);
}

.liposuction-highlights ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.liposuction-highlights li {
    margin-bottom: 15px;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #444;
    padding-left: 25px;
}

.liposuction-highlights li:before {
    content: none !important;
}

.liposuction-highlights li:last-child {
    margin-bottom: 0;
}

.liposuction-timeline {
    position: relative;
    padding: 30px 0;
}

.liposuction-timeline-item {
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.liposuction-timeline-item:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.liposuction-timeline-item h5 {
    color:  var(--primary);
    margin-bottom: 20px;
    font-size: 1.3rem;
    font-weight: 600;
}

.liposuction-timeline-item p {
    margin-bottom: 0;
    color: #444;
    font-size: 1.1rem;
    line-height: 1.6;
}

.liposuction-risks {
    background: linear-gradient(135deg, #fff5f5 80%, #ffeaea 100%);
    padding: 32px 28px;
    border-radius: 16px;
    margin-bottom: 18px !important;
    box-shadow: 0 6px 24px rgba(220, 53, 69, 0.08);
    border: 1.5px solid #ffd6d6;
    transition: box-shadow 0.2s;
}

.liposuction-risks:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(220, 53, 69, 0.1);
}

.liposuction-risks h4 {
    color: #dc3545;
    margin-bottom: 22px;
    font-size: 1.35rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
}

.liposuction-risks h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38px;
    height: 2px;
    background: #dc3545;
    border-radius: 1px;
}

.liposuction-risks ul {
    padding-left: 20px;
    margin-bottom: 0;
    list-style-type: disc;
}

.liposuction-risks li {
    margin-bottom: 13px;
    font-size: 1.08rem;
    line-height: 1.7;
    color: #a94442;
    padding-left: 0;
    position: relative;
}

.liposuction-risks li:last-child {
    margin-bottom: 0;
}

.liposuction-risks li strong {
    color: #dc3545;
    font-weight: 600;
}

.liposuction-risks li:before {
    content: none !important;
}

.liposuction-risks p {
    margin-bottom: 0;
    color: #a94442;
    font-size: 1.08rem;
    line-height: 1.7;
}

@media (max-width: 768px) {
    
    
    .liposuction-section {
        padding: 50px 0;
    }

    .liposuction-section-title {
        font-size: 1.8rem;
    }

    .liposuction-content p {
        font-size: 1rem;
    }

    .liposuction-highlights,
    .liposuction-risks {
        padding: 20px;
    }

    .liposuction-highlights li,
    .liposuction-risks li {
        font-size: 1rem;
    }

    .liposuction-image-container {
        margin-bottom: 20px;
    }
}

/* Bilgi kutusu için stil */
.liposuction-info-box {
    background: #e9f3ff;
    border-left: 5px solid  var(--primary);
    border-radius: 12px;
    padding: 20px 25px 20px 20px;
    margin-bottom: 18px;
    box-shadow: 0 2px 10px rgba(13,110,253,0.06);
    color: #155fa0;
    font-size: 1.05rem;
    transition: box-shadow 0.2s;
}
.liposuction-info-box h5 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
    color:  var(--primary);
    display: flex;
    align-items: center;
}
.liposuction-info-box ul {
    margin-bottom: 0;
    padding-left: 18px;
}
.liposuction-info-box li {
    margin-bottom: 7px;
    font-size: 1.02rem;
    color: #155fa0;
    position: relative;
}
.liposuction-info-box li:last-child {
    margin-bottom: 0;
}
.liposuction-info-box .fa-info-circle {
    color:  var(--primary);
    margin-right: 7px;
}
.liposuction-info-box .fa-exclamation-triangle {
    color: #ffc107;
    margin-right: 7px;
}

/* Modern ve dengeli sol resim düzeni için */
.liposuction-section .row.g-4.align-items-start {
    align-items: flex-start !important;
    gap: 0 24px;
}
.liposuction-section .col-lg-5 {
    max-width: 340px;
    min-width: 260px;
    flex: 0 0 340px;
    padding-right: 0;
    padding-left: 0;
    align-items: flex-start;
}
.liposuction-section .col-lg-7 {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    .liposuction-section .row.g-4.align-items-start {
        flex-direction: column !important;
    }
    .liposuction-section .col-lg-5, .liposuction-section .col-lg-7 {
        max-width: 100%;
        min-width: 0;
        flex: 1 1 100%;
        padding: 0;
    }
    .liposuction-image-container {
        margin: 0 auto 12px auto !important;
    }
    .liposuction-info-box {
        margin-bottom: 15px;
    }
}

/* Liposuction Nasıl Yapılır? görseli için modern ve tam görünüm */
.liposuction-section .row.g-5.align-items-center .col-lg-6:last-child .liposuction-image-container {
    max-width: 560px;
    min-width: 320px;
    width: 100%;
    height: 320px;
    margin: 0 auto 0 auto;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 32px rgba(0,0,0,0.13);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}
.liposuction-section .row.g-5.align-items-center .col-lg-6:last-child .liposuction-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    border-radius: 24px;
    display: block;
    background: #f8f9fa;
}

/* Sol kutu hizalaması ve ferahlık */
.liposuction-section .row.g-5.align-items-center .col-lg-6:first-child .liposuction-content {
    padding: 0 0 0 10px;
}
.liposuction-section .row.g-5.align-items-center .col-lg-6:first-child .liposuction-highlights {
    margin-top: 28px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .liposuction-section .row.g-5.align-items-center .col-lg-6:last-child .liposuction-image-container {
        max-width: 100%;
        min-width: 0;
        height: 180px;
        border-radius: 16px;
    }
    .liposuction-section .row.g-5.align-items-center .col-lg-6:last-child .liposuction-image {
        border-radius: 16px;
        object-position: center center;
    }
}

/******************************************************/
  /*          Meme büyütme Page                       */
  /******************************************************/
  /* Meme Büyütme Sayfası Özel Stilleri */
.meme-buyutme-section {
    background-color: #f8f9fa;
}

.meme-buyutme-content {
    margin-bottom: 2rem;
}

.meme-buyutme-title {
    color: var(--primary);
    margin-bottom: 1rem;
    font-size: 2.5rem;
    font-weight: 700;
}

.meme-buyutme-subtitle {
    color: #6c757d;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

.meme-buyutme-text {
    color: #212529;
    line-height: 1.8;
    margin-bottom: 2rem;
}

.meme-buyutme-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.meme-buyutme-features {
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}
.meme-buyutme-features h3{}

.meme-buyutme-feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.meme-buyutme-feature-icon {
    color: var(--primary);
    font-size: 1.5rem;
    margin-right: 1rem;
}

.meme-buyutme-process {
    margin-top: 3rem;
}

.meme-buyutme-process-title {
    color: var(--primary);
    margin-bottom: 2rem;
    font-size: 2rem;
}

.meme-buyutme-process-step {
    background-color: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.meme-buyutme-process-step-number {
    background-color: #6610f2;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 1rem;
}

.meme-buyutme-process-step-title {
    color: #212529;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.meme-buyutme-process-step-text {
    color: #6c757d;
    line-height: 1.6;
}

.meme-buyutme-faq {
    margin-top: 3rem;
}

.meme-buyutme-faq-title {
    color: var(--primary);
    margin-bottom: 2rem;
    font-size: 2rem;
}

.meme-buyutme-faq-item {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
}

.meme-buyutme-faq-question {
    color: #212529;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.meme-buyutme-faq-answer {
    color: #6c757d;
    line-height: 1.6;
}

/* --- Galeri düzenlemeleri --- */
.meme-buyutme-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1.5rem 0 1.5rem 0;
    justify-content: flex-start;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.meme-buyutme-gallery img {
    max-width: 220px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0.3rem 0.7rem rgba(0,0,0,0.10);
    object-fit: cover;
    margin: 0;
}
@media (max-width: 991px) {
    .meme-buyutme-gallery {
        flex-direction: column;
        align-items: center;
        max-width: 95vw;
    }
    .meme-buyutme-gallery img {
        max-width: 95vw;
    }
}

/* --- Genişlik ve kenar boşlukları düzenlemesi --- */
.meme-buyutme-section .container {
    max-width: 1200px;
    width: 95vw;
    padding-left: 24px;
    padding-right: 24px;
}

/* Metin ve görseli iki sütunlu yapıda hizala (özellikle büyük ekranda) */
.meme-buyutme-flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
}
.meme-buyutme-flex-row .meme-buyutme-text-col {
    flex: 1 1 350px;
    min-width: 0;
}
.meme-buyutme-flex-row .meme-buyutme-img-col {
    flex: 0 0 340px;
    min-width: 220px;
    display: flex;
    justify-content: flex-end;
}
.meme-buyutme-flex-row .meme-buyutme-image {
    margin: 0;
    max-width: 340px;
}
@media (max-width: 991px) {
    .meme-buyutme-section .container {
        max-width: 98vw;
        padding-left: 8px;
        padding-right: 8px;
    }
    .meme-buyutme-flex-row {
        flex-direction: column;
        gap: 1rem;
    }
    .meme-buyutme-flex-row .meme-buyutme-img-col {
        justify-content: center;
    }
} 

/******************************************************/
  /*          Meme Dikleştirme ve Büyütme dolgu Page   */
  /******************************************************/

  /* Custom CSS for Meme Dikleştirme ve Büyütme Page */

/* Main content styles */
.mb-dik-header h1 {
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 1rem;
}

.mb-dik-header h5 {
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Hero Banner Styles */
.mb-dik-hero-banner {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 3rem;
}

.mb-dik-hero-banner .mb-dik-card {
    border-left: none;
}

.mb-dik-hero-text {
    padding: 3rem !important;
    background-color: #f8f9fa;
}

.mb-dik-hero-text h3 {
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.mb-dik-hero-text h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: var(--primary);
}

.mb-dik-hero-text .lead {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #495057;
    margin-bottom: 1.5rem;
}

.mb-dik-hero-text .d-flex p {
    font-size: 1.05rem;
}

.mb-dik-hero-img {
    position: relative;
    overflow: hidden;
}

.mb-dik-hero-img img {
    transition: transform 0.5s ease;
}

.mb-dik-hero-banner:hover .mb-dik-hero-img img {
    transform: scale(1.05);
}

.mb-dik-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(19, 197, 221, 0.1), rgba(19, 197, 221, 0.01));
    pointer-events: none;
}

.mb-dik-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #495057;
}

/* Card styles */
.mb-dik-card {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border-left: 3px solid var(--primary);
    position: relative;
    overflow: hidden;
}

.mb-dik-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.mb-dik-card.bg-primary {
    border-left: none;
    border-radius: 10px;
}

.mb-dik-card.bg-primary h4 {
    position: relative;
    padding-bottom: 12px;
}

.mb-dik-card.bg-primary h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #fff;
}

/* Section styles */
.mb-dik-section {
    position: relative;
    padding-bottom: 10px;
}

.mb-dik-section h2 {
    position: relative;
    color: var(--primary);
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-weight: 600;
}

.mb-dik-section h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: var(--primary);
    border-radius: 2px;
}

.mb-dik-section .col-lg-6 h2:after {
    width: 40px;
}

/* List styles */
.mb-dik-list {
    padding-left: 20px;
    margin-bottom: 0;
}

.mb-dik-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    list-style-type: none;
    color: #495057;
    font-size: 1.05rem;
}

.mb-dik-list li:before {
    content: '\2022';
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
}

.mb-dik-list li:last-child {
    margin-bottom: 0;
}

/* Process item styles */
.mb-dik-process-item {
    border-left: 3px solid var(--primary);
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.mb-dik-process-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.mb-dik-process-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--primary);
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 0.3s ease;
}

.mb-dik-process-item:hover::before {
    transform: scaleX(1);
}

.mb-dik-process-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: rgba(19, 197, 221, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.mb-dik-process-item:hover .mb-dik-process-icon {
    background: rgba(19, 197, 221, 0.2);
    transform: scale(1.1);
}

.mb-dik-process-item h4 {
    color: #343a40;
    font-weight: 600;
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

.mb-dik-process-item:hover h4 {
    color: var(--primary);
}

/* FAQ styles */
.mb-dik-faq-item {
    padding: 25px;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: all 0.3s ease;
    border-left: 3px solid var(--primary);
    margin-bottom: 1.5rem;
}

.mb-dik-faq-item:hover {
    background-color: #f1f3f5;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.mb-dik-faq-item h5 {
    color: #343a40;
    font-weight: 600;
    position: relative;
    padding-bottom: 8px;
}

.mb-dik-faq-item:hover h5 {
    color: var(--primary);
}

.mb-dik-faq-item p {
    color: #495057;
    font-size: 1.05rem;
    line-height: 1.7;
}

/* Contact section */
.mb-dik-contact-section {
    margin-top: 4rem;
}

.mb-dik-contact-section .mb-dik-card {
    border-left: none;
    border-top: 3px solid var(--primary);
}

.mb-dik-contact-section h3 {
    color: #343a40;
    font-weight: 600;
}

.mb-dik-contact-section .btn {
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    padding: 12px 30px;
}

.mb-dik-contact-section .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(19, 197, 221, 0.3);
    background-color: #0fb8ce;
    border-color: #0fb8ce;
}

/* Center align section titles on mobile */
@media (max-width: 767.98px) {
    .mb-dik-section h2 {
        text-align: center;
    }
    
    .mb-dik-section h2:after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .mb-dik-card {
        margin-bottom: 20px;
    }
    
    .mb-dik-process-item {
        margin-bottom: 20px;
    }
    
    .mb-dik-hero-text {
        padding: 2rem !important;
    }
    
    .mb-dik-hero-img {
        height: 300px !important;
    }
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .mb-dik-hero-text {
        padding: 2.5rem !important;
    }
    
    .mb-dik-contact-section .mb-dik-card {
        padding: 3rem !important;
    }
    
    .mb-dik-text, .mb-dik-list li, .mb-dik-faq-item p {
        font-size: 1rem;
    }
    
    .mb-dik-hero-img {
        min-height: 400px;
    }
}

@media (max-width: 575.98px) {
    .mb-dik-header h1 {
        font-size: 2rem;
    }
    
    .mb-dik-section h2 {
        font-size: 1.5rem;
    }
    
    .mb-dik-contact-section .mb-dik-card {
        padding: 2rem !important;
    }
    
    .mb-dik-contact-section .btn {
        width: 100%;
    }
    
    .mb-dik-faq-item {
        padding: 18px;
    }
    
    .mb-dik-process-item h4,
    .mb-dik-faq-item h5 {
        font-size: 1.15rem;
    }
    
    .mb-dik-hero-text {
        padding: 1.5rem !important;
    }
    
    .mb-dik-hero-text h3 {
        font-size: 1.5rem;
    }
    
    .mb-dik-hero-img {
        height: 250px !important;
    }
}

/* Animation effects */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mb-dik-section {
    animation: fadeInUp 0.5s ease-out forwards;
}

.mb-dik-process-item:nth-child(1) {
    animation-delay: 0.1s;
}

.mb-dik-process-item:nth-child(2) {
    animation-delay: 0.2s;
}

.mb-dik-process-item:nth-child(3) {
    animation-delay: 0.3s;
}

.mb-dik-process-item:nth-child(4) {
    animation-delay: 0.4s;
}

/* Additional polish */
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

/* Sidebar styles */
.mb-dik-sidebar-section {
    transition: all 0.3s ease;
}

.mb-dik-doctor-info, 
.mb-dik-related-procedures,
.mb-dik-testimonials {
    transition: all 0.3s ease;
}

.mb-dik-doctor-info:hover, 
.mb-dik-related-procedures:hover,
.mb-dik-testimonials:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.mb-dik-doctor-img-container {
    overflow: hidden;
    border-radius: 5px;
}

.mb-dik-doctor-img-container img {
    transition: all 0.5s ease;
}

.mb-dik-doctor-img-container:hover img {
    transform: scale(1.05);
}

.mb-dik-related-links a {
    color: #6c757d;
    transition: all 0.3s ease;
    text-decoration: none;
}

.mb-dik-related-links a:hover {
    color: var(--primary);
    padding-left: 5px;
}

.mb-dik-testimonial-item {
    border-bottom: 1px dashed #dee2e6;
    padding-bottom: 15px;
}

.mb-dik-testimonial-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
} 

/******************************************************/
  /*          Meme Küçültme Page                       */
  /******************************************************/

  /* Custom styles for meme-kucultme page */



.mk-divider {
    width: 100px;
    height: 3px;
    background-color: var(--primary);
    margin: 20px auto;
}

.mk-section {
    padding: 2.5rem;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.mk-section-title {
    color: #1D2A4D;
    font-size: 2.8rem;
    margin-bottom: 2rem;
    padding: 0;
    position: relative;
}

.mk-section-title::after {
    content: '';
    position: absolute;
    left: 2rem;
    bottom: -10px;
    width: 50px;
    height: 3px;
    background-color: var(--primary);
}

.mk-content {
    padding: 0;
}

.mk-content p {
    color: #444444;
    font-size: 1.25rem;
    line-height: 1.8;
    margin-bottom: 1.8rem;
}

.mk-image {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.mk-image:hover {
    transform: scale(1.02);
}

.mk-highlights {
    background-color: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
    border-left: 4px solid var(--primary);
    margin: 2rem 0;
}

.mk-highlights p {
    font-size: 1.2rem;
    line-height: 1.7;
}

.mk-highlights h4 {
    color: #1D2A4D;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.mk-highlights ul {
    list-style-type: none;
    padding-left: 0;
}

.mk-highlights li {
    color: #666666;
    padding: 0.8rem 0;
    position: relative;
    padding-left: 1.5rem;
}

.mk-highlights li::before {
    content: '•';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-size: 1.5rem;
    line-height: 1;
}

/* Custom list styles */
.mk-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 2rem;
}

.mk-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    color: #666666;
}

.mk-list li::before {
    content: '→';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-weight: bold;
}

/* Timeline styles */
.mk-timeline {
    padding: 1rem;
}

.mk-timeline-item {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1.5rem;
    border-left: 2px solid var(--primary);
}

.mk-timeline-item:last-child {
    margin-bottom: 0;
}

.mk-timeline-item h5 {
    color: #1D2A4D;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.mk-timeline-item p {
    color: #666666;
    margin-bottom: 0;
}

.mk-procedure-details {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 2rem;
}

.mk-procedure-details h4 {
    color: #1D2A4D;
    margin-bottom: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
   

   

    .mk-section {
        padding: 2rem;
    }

    .mk-section-title {
        font-size: 2.4rem;
    }

    .mk-content p {
        font-size: 1.15rem;
    }

    .hero-title {
        font-size: 3rem;
    }

    .hero-text {
        font-size: 1.15rem;
    }
}

@media (max-width: 767.98px) {
 

   

    .mk-section {
        padding: 1.5rem;
    }

    .mk-section-title {
        font-size: 2rem;
    }

    .mk-content p {
        font-size: 1.1rem;
    }
}





.row.g-5 {
    --bs-gutter-x: 2rem;
} 

/******************************************************/
  /*          Onkoplastik Cerahi Page                 */
  /******************************************************/
  
/* Main Content Styles */


.onko-header {
    margin-bottom: 40px;
}

.onko-divider {
    height: 4px;
    width: 80px;
    background-color: var(--primary);
    margin: 25px auto;
}

.onko-section {
    margin-bottom: 80px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.onko-section:last-child {
    border-bottom: none;
}

.onko-section-title {
    color: var(--primary);
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
}

.onko-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 60px;
    background-color: var(--primary);
}

.onko-content {
    font-size: 16px;
    line-height: 1.9;
    color: #444;
}

.onko-content p {
    margin-bottom: 22px;
}

.onko-highlights {
    background-color: #f8f9fa;
    border-left: 4px solid var(--primary);
    padding: 15px;
    margin: 35px 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    border-radius: 0 5px 5px 0;
}

.onko-highlights h4 {
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: 600;
}

.onko-highlights ul {
    padding-left: 20px;
}

.onko-highlights li {
    margin-bottom: 12px;
    position: relative;
}

.onko-list {
    list-style-type: none;
    padding-left: 0;
}

.onko-list li {
    padding-left: 28px;
    position: relative;
    margin-bottom: 15px;
}

.onko-list li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--primary);
    font-size: 18px;
}

.onko-image {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px;
    border-radius: 8px !important;
}

/* Adding a special class for the specifically sized images */
.onko-recon-image {
    max-height: 400px;
    object-fit: contain;
    width: 100%;
    background-color: #f8f9fa;
    padding: 15px;
    border: 1px solid #eaeaea;
}

.onko-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.onko-card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    margin-bottom: 30px;
    height: 100%;
}

.onko-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.onko-card-img {
    height: 230px;
    object-fit: cover;
}

.onko-card-body {
    padding: 30px;
}

.onko-card-title {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
}

.onko-pros-cons {
    display: flex;
    margin: 40px 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    overflow: hidden;
}

.onko-pros, .onko-cons {
    flex: 1;
    padding: 30px;
}

.onko-pros {
    background-color: #e8f5e9;
    margin-right: 2px;
}

.onko-cons {
    background-color: #ffebee;
}

.onko-pros h4, .onko-cons h4 {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
    font-size: 20px;
}

.onko-pros h4 {
    color: #2e7d32;
}

.onko-cons h4 {
    color: #c62828;
}

.onko-pros ul, .onko-cons ul {
    padding-left: 20px;
}

.onko-pros li, .onko-cons li {
    margin-bottom: 12px;
    line-height: 1.6;
}

.onko-quote {
    font-style: italic;
    padding: 30px;
    background-color: #f5f5f5;
    border-left: 4px solid var(--primary);
    margin: 35px 0;
    border-radius: 0 5px 5px 0;
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Timeline Component */
.onko-timeline {
    position: relative;
    padding: 40px 0;
    margin-top: 50px;
}

.onko-timeline:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 4px;
    background: var(--primary);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.onko-timeline-item {
    margin-bottom: 60px;
    position: relative;
}

.onko-timeline-content {
    position: relative;
    width: 45%;
    padding: 25px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.onko-timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

.onko-timeline-item:nth-child(odd) .onko-timeline-content {
    left: 55%;
}

.onko-timeline-item:nth-child(even) .onko-timeline-content {
    left: 0;
}

.onko-timeline-item:nth-child(odd) .onko-timeline-content:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff;
}

.onko-timeline-item:nth-child(even) .onko-timeline-content:before {
    content: '';
    position: absolute;
    top: 20px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
}

.onko-timeline-date {
    position: absolute;
    width: 130px;
    padding: 10px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 30px;
    top: 20px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.onko-timeline-item:nth-child(odd) .onko-timeline-date {
    left: 40%;
    transform: translateX(-100%);
}

.onko-timeline-item:nth-child(even) .onko-timeline-date {
    right: 40%;
    transform: translateX(100%);
}

#randevu {
    background-color: #f8f9fa;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
}

#randevu h2 {
    color: var(--primary);
    font-weight: 700;
}

#randevu .btn {
    padding: 15px 30px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all 0.3s;
}

#randevu .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Media queries for mobile responsiveness */
@media (max-width: 991px) {
   
    
    .onko-section-title {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .onko-hero-title {
        font-size: 36px;
    }
    
    .onko-timeline:before {
        left: 30px;
    }

    .onko-timeline-content {
        width: calc(100% - 90px);
        left: 90px !important;
    }

    .onko-timeline-item:nth-child(odd) .onko-timeline-content:before,
    .onko-timeline-item:nth-child(even) .onko-timeline-content:before {
        left: -15px;
        border-right: 15px solid #fff;
        border-left: 0;
    }

    .onko-timeline-date {
        left: 30px !important;
        transform: translateX(-50%) !important;
        top: -30px !important;
        width: 120px;
        padding: 8px 15px;
        font-size: 14px;
    }

    .onko-pros-cons {
        flex-direction: column;
    }

    .onko-pros {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .onko-section-title {
        font-size: 26px;
    }
    
    .onko-recon-image {
        max-height: 350px;
    }
}

@media (max-width: 576px) {
    .onko-hero-title {
        font-size: 32px;
    }
    
    .onko-hero-badge {
        font-size: 12px;
    }
    
    .onko-hero-text {
        font-size: 16px;
    }
    
    .onko-section-title {
        font-size: 24px;
    }
    
   
} 

/******************************************************/
  /*          Tuberous Meme  Page                       */
  /******************************************************/
  /* Tuberous Meme Deformitesi Page Styles */


.tmd-header {
    margin-bottom: 4rem;
    text-align: center;
}

.tmd-header h1 {
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.tmd-divider {
    width: 80px;
    height: 4px;
    background-color: var(--primary);
    margin: 0 auto;
    border-radius: 2px;
}

.tmd-section {
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 3rem;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.tmd-section:hover {
    transform: translateY(-5px);
}

.tmd-section-title {
    color: var(--primary);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 1rem;
}

.tmd-section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: var(--primary);
    border-radius: 3px;
}

.tmd-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 2rem;
}

.tmd-content p {
    margin-bottom: 1.5rem;
}

.tmd-image {
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    margin-bottom: 2rem;
    max-width: 100%;
    height: auto;
    max-height: 300px; /* Resim yüksekliğini sınırla */
    object-fit: cover; /* Resmin oranını koruyarak kırp */
}

.tmd-image:hover {
    transform: scale(1.02);
}

/* Resim boyutlarını düzenle */
@media (min-width: 992px) {
    .tmd-image {
        max-height: 250px; /* Büyük ekranlarda daha küçük */
    }
}

@media (max-width: 991px) {
    .tmd-image {
        max-height: 200px; /* Orta boy ekranlarda daha küçük */
    }
}

@media (max-width: 768px) {
    .tmd-image {
        max-height: 180px; /* Mobil ekranlarda en küçük */
    }
}

.tmd-highlights {
    background-color: #f8f9fa;
    padding: 2rem;
    border-radius: 10px;
    margin: 2rem 0;
    border-left: 4px solid  var(--primary);
}

.tmd-highlights h4 {
    color:  var(--primary);
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.tmd-highlights ul {
    list-style-type: none;
    padding-left: 0;
}

.tmd-highlights li {
    padding: 0.8rem 0;
    padding-left: 2rem;
    position: relative;
    font-size: 1.1rem;
    color: #444;
}

.tmd-highlights li:before {
    content: "•";
    color:  var(--primary);
    position: absolute;
    left: 0;
    font-size: 1.5rem;
}

.tmd-timeline {
    position: relative;
    padding-left: 2rem;
}

.tmd-timeline:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color:  var(--primary);
    border-radius: 3px;
}

.tmd-timeline-item {
    position: relative;
    margin-bottom: 2rem;
    padding-left: 1.5rem;
}

.tmd-timeline-item:before {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color:  var(--primary);
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2);
}

.tmd-timeline-item h5 {
    color:  var(--primary);
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

@media (max-width: 768px) {
   
    .tmd-section {
        padding: 2rem;
    }
    
    .tmd-section-title {
        font-size: 1.8rem;
    }
    
    .tmd-content {
        font-size: 1rem;
    }
    
    .tmd-highlights li {
        font-size: 1rem;
    }
}

/* Animation Effects */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tmd-section {
    animation: fadeIn 0.6s ease-out;
}

.tmd-section:nth-child(2) {
    animation-delay: 0.2s;
}

.tmd-section:nth-child(3) {
    animation-delay: 0.4s;
}

.tmd-section:nth-child(4) {
    animation-delay: 0.6s;
}

.tmd-section:nth-child(5) {
    animation-delay: 0.8s;
} 

/******************************************************/
  /*          Tummy Tuck  Page                       */
  /******************************************************/
  



/* Section Styles */
.tummy-tuck-section {
    margin-bottom: 20px;
    position: relative;
}

.tummy-tuck-section-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 50px;
    color: var(--primary);
    position: relative;
    padding-bottom: 20px;
    text-align: left;
}

.tummy-tuck-section-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
}

/* Image Container */
.tummy-tuck-image-container {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.tummy-tuck-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Styles */
.tummy-tuck-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: left;
}

.tummy-tuck-content p {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #34495e;
    margin-bottom: 20px;
    text-align: left;
}

/* Highlights Section */
.tummy-tuck-highlights {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 15px;
    margin: 25px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-align: left;
}

.tummy-tuck-highlights h4 {
    color: var(--primary);
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.4rem;
    position: relative;
    padding-left: 15px;
    text-align: left;
}

.tummy-tuck-highlights h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 25px;
    background: var(--primary);
    border-radius: 3px;
}

.tummy-tuck-highlights ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tummy-tuck-highlights ul li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #34495e;
    position: relative;
    padding-left: 30px;
    font-size: 1.1rem;
}

.tummy-tuck-highlights ul li:last-child {
    border-bottom: none;
}

.tummy-tuck-highlights ul li:before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
}

/* Timeline Section */
.tummy-tuck-timeline {
    position: relative;
    padding: 20px 0;
    text-align: left;
}

.tummy-tuck-timeline:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: var(--primary);
    border-radius: 3px;
}

.tummy-tuck-timeline-item {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
}

.tummy-tuck-timeline-item:last-child {
    margin-bottom: 0;
}

.tummy-tuck-timeline-item h5 {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.tummy-tuck-timeline-item p {
    margin-bottom: 10px;
    color: #34495e;
}

.tummy-tuck-timeline-item:before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #3498db;
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* Risks Section */
.tummy-tuck-risks {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: left;
}

.tummy-tuck-risks h4 {
    color: var(--primary);
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 1.4rem;
    position: relative;
    padding-left: 15px;
}

.tummy-tuck-risks h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 25px;
    background: var(--primary);
    border-radius: 3px;
}

.tummy-tuck-risks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tummy-tuck-risks ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #34495e;
}

.tummy-tuck-risks ul li:last-child {
    border-bottom: none;
}

.tummy-tuck-risks ul li strong {
    color: #2c3e50;
    display: block;
    margin-bottom: 8px;
    font-size: 1.1rem;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .tummy-tuck-hero {
        padding: 60px 0;
    }

    .tummy-tuck-section-title {
        font-size: 2.2rem;
    }

    .tummy-tuck-content {
        padding: 15px;
    }

    .tummy-tuck-image-container {
        height: 300px;
    }
}

@media (max-width: 767.98px) {
    .tummy-tuck-hero {
        padding: 80px 0;
    }

    .tummy-tuck-section-title {
        font-size: 1.8rem;
    }

    .tummy-tuck-image-container {
        height: 300px;
    }

    .tummy-tuck-highlights {
        padding: 15px;
    }
}

@media (max-width: 575.98px) {
    .tummy-tuck-hero {
        padding: 40px 0;
    }

    .tummy-tuck-section-title {
        font-size: 1.5rem;
    }

    

    .tummy-tuck-image-container {
        height: 250px;
    }

    .tummy-tuck-content p {
        font-size: 1rem;
    }

    .tummy-tuck-highlights ul li {
        font-size: 1rem;
    }
} 


/******************************************************/
  /*          Vücut Şekilendirme  Page                */
  /******************************************************/
          /* Vücut Şekillendirme Page Styles */
          .vucut-sekillendirme-section {
            padding: 25px 0;
            border-bottom: 1px solid #eee;
            background: #fff;
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-section:hover {
            background: #f8f9fa;
        }
        
        .vucut-sekillendirme-section:last-child {
            border-bottom: none;
        }
        
        .vucut-sekillendirme-section-title {
            color: var(--primary);
            margin-bottom: 15px;
            position: relative;
            padding-bottom: 10px;
            font-size: 1.8rem;
            font-weight: 700;
            text-align: left;
        }
        
        .vucut-sekillendirme-section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            transform: none;
            width: 50px;
            height: 2px;
            background: var(--primary);
            border-radius: 2px;
        }
        
        .vucut-sekillendirme-content {
            font-size: 0.95rem;
            line-height: 1.5;
            color: #444;
            margin-bottom: 15px;
        }
        
        .vucut-sekillendirme-content p {
            margin-bottom: 10px;
            text-align: justify;
        }
        
        .vucut-sekillendirme-image-container {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
            margin-bottom: 15px;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .vucut-sekillendirme-image-container:hover {
            transform: none;
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        }
        
        .vucut-sekillendirme-image {
            width: 100%;
            height: auto;
            transition: none;
        }
        
        .vucut-sekillendirme-image-container:hover .vucut-sekillendirme-image {
            transform: none;
        }
        
        .vucut-sekillendirme-image-overlay {
            display: none;
        }
        
        .vucut-sekillendirme-highlights {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            margin: 15px 0;
            border-left: 3px solid var(--primary);
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-highlights:hover {
            transform: translateX(2px);
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        }
        
        .vucut-sekillendirme-highlights h4 {
            color: var(--primary);
            margin-bottom: 10px;
            font-size: 1.1rem;
            font-weight: 600;
            position: relative;
            padding-left: 12px;
        }
        
        .vucut-sekillendirme-highlights h4::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 5px;
            background: var(--primary);
            border-radius: 50%;
        }
        
        .vucut-sekillendirme-highlights ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }
        
        .vucut-sekillendirme-highlights ul li {
            padding: 6px 0;
            padding-left: 20px;
            position: relative;
            border-bottom: 1px solid #eee;
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-highlights ul li:hover {
            background: rgba(13, 110, 253, 0.05);
            padding-left: 25px;
        }
        
        .vucut-sekillendirme-highlights ul li:last-child {
            border-bottom: none;
        }
        
        .vucut-sekillendirme-highlights ul li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary);
            font-size: 0.9rem;
            font-weight: bold;
        }
        
        .vucut-sekillendirme-timeline {
            position: relative;
            padding: 15px 0;
        }
        
        .vucut-sekillendirme-timeline::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 2px;
            background: var(--primary);
        }
        
        .vucut-sekillendirme-timeline-item {
            padding: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            margin-bottom: 12px;
            position: relative;
            margin-left: 15px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-timeline-item:hover {
            transform: translateX(2px);
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        }
        
        .vucut-sekillendirme-timeline-item::before {
            content: '';
            position: absolute;
            left: -15px;
            top: 50%;
            transform: translateY(-50%);
            width: 12px;
            height: 12px;
            background: var(--primary);
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.2);
        }
        
        .vucut-sekillendirme-timeline-item h5 {
            color: var(--primary);
            margin-bottom: 8px;
            font-size: 1rem;
            font-weight: 600;
        }
        
        .vucut-sekillendirme-risks {
            background: #fff5f5;
            padding: 15px;
            border-radius: 8px;
            margin: 15px 0;
            border-left: 3px solid #dc3545;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-risks:hover {
            transform: translateX(2px);
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        }
        
        .vucut-sekillendirme-risks h4 {
            color: #dc3545;
            margin-bottom: 10px;
            font-size: 1.1rem;
            font-weight: 600;
            position: relative;
            padding-left: 12px;
        }
        
        .vucut-sekillendirme-risks h4::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 5px;
            background: #dc3545;
            border-radius: 50%;
        }
        
        .vucut-sekillendirme-risks ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }
        
        .vucut-sekillendirme-risks ul li {
            padding: 6px 0;
            padding-left: 20px;
            position: relative;
            border-bottom: 1px solid #ffd6d6;
            transition: all 0.3s ease;
        }
        
        .vucut-sekillendirme-risks ul li:hover {
            background: rgba(220, 53, 69, 0.05);
            padding-left: 25px;
        }
        
        .vucut-sekillendirme-risks ul li:last-child {
            border-bottom: none;
        }
        
        .vucut-sekillendirme-risks ul li::before {
            content: '⚠';
            position: absolute;
            left: 0;
            color: #dc3545;
            font-size: 0.9rem;
        }
        
        @media (max-width: 991.98px) {
            .vucut-sekillendirme-section {
                padding: 20px 0;
            }
            
            .vucut-sekillendirme-section-title {
                font-size: 1.5rem;
            }
            
            .vucut-sekillendirme-content {
                font-size: 0.9rem;
            }
        
            .vucut-sekillendirme-highlights,
            .vucut-sekillendirme-risks {
                padding: 12px;
            }
        }
        
        @media (max-width: 767.98px) {
            .vucut-sekillendirme-section {
                padding: 15px 0;
            }
            
            .vucut-sekillendirme-section-title {
                font-size: 1.3rem;
                margin-bottom: 12px;
            }
            
            .vucut-sekillendirme-timeline::before {
                display: none;
            }
            
            .vucut-sekillendirme-timeline-item {
                margin-left: 0;
            }
            
            .vucut-sekillendirme-timeline-item::before {
                display: none;
            }
        
            .vucut-sekillendirme-content p {
                text-align: left;
            }
        } 

/******************************************************/
  /*          Yağ transferi ile Meme Büyütme  Page     */
  /******************************************************/

        /* Yağ Transferi ile Meme Büyütme - Custom CSS */

/* General Page Styling */
.fatreduction-section {
    background-color: #f8f9fa;
    padding: 1.5rem 0;
}

.fat-transfer-intro {
    font-size: 1rem;
    line-height: 1.5;
    color: #555;
    margin-top: 0.75rem;
}

/* Procedure Overview Section */
.procedure-overview {
    margin-top: 1.5rem;
}

.procedure-image {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    margin: 0 auto;
}

.procedure-image img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
}

.procedure-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.procedure-title {
    color: var(--primary);
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.procedure-list {
    list-style: none;
    padding-left: 0;
    margin-top: 0.75rem;
}

.procedure-list li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.procedure-list li:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
}

.procedure-highlight {
    font-weight: 600;
    color: var(--primary);
}

/* Ideal Candidates Section */
.ideal-candidates {
    background-color: #fff;
    padding: 1.5rem 0;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.section-title {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.candidate-card {
    background-color: #f8f9fa;
    padding: 1.25rem;
    border-radius: 6px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.candidate-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.candidate-icon {
    font-size: 1.75rem;
    color: var(--primary);
    margin-bottom: 0.75rem;
}

.candidate-card h4 {
    color: #333;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.candidate-card p {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0;
}

/* Unsuitable Candidates Section */
.unsuitable-candidates {
    background-color: #fff;
    padding: 1.25rem;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.unsuitable-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.unsuitable-list li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    color: #666;
    font-size: 0.9rem;
}

.unsuitable-list li:last-child {
    margin-bottom: 0;
}

.unsuitable-list li:before {
    content: '\f05e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #dc3545;
}

.unsuitable-highlight {
    font-weight: 600;
    color: #dc3545;
}

/* Procedure Steps Section */
.procedure-steps {
    padding: 1.5rem 0;
    position: relative;
}

.timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 0;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: var(--primary);
    margin-left: -1px;
}

.timeline-item {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

.timeline-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary);
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -6px;
    z-index: 1;
}

.timeline-content {
    position: relative;
    width: 45%;
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.timeline-item:nth-child(odd) .timeline-content {
    float: left;
    margin-right: 55%;
}

.timeline-item:nth-child(even) .timeline-content {
    float: right;
    margin-left: 55%;
}

.timeline-content h4 {
    color: var(--primary);
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.1rem;
}

.timeline-content p {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

/* FAQ Section */
.faq-section {
    background-color: #fff;
    padding: 1.5rem 0;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.accordion-item {
    border: none;
    margin-bottom: 8px;
    border-radius: 6px !important;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-button {
    background-color: #f8f9fa;
    color: #333;
    font-weight: 600;
    padding: 0.75rem 1rem;
    box-shadow: none !important;
    font-size: 0.95rem;
}

.accordion-button:not(.collapsed) {
    background-color: var(--primary);
    color: #fff;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.accordion-body {
    padding: 1rem;
    background-color: #fff;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .timeline:before {
        left: 12px;
    }
    
    .timeline-dot {
        left: 12px;
    }
    
    .timeline-content {
        width: calc(100% - 35px);
        float: right;
        margin-left: 35px;
    }
    
    .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        margin-right: 0;
        margin-left: 35px;
    }

    .procedure-image {
        max-width: 100%;
        margin-bottom: 1rem;
    }
    
    .procedure-image img {
        max-height: 350px;
    }
}

@media (max-width: 767.98px) {
    .procedure-overview {
        text-align: center;
    }
    
    .procedure-text {
        margin-top: 1rem;
    }
    
    .procedure-list li {
        text-align: left;
    }
    
    .candidate-card {
        margin-bottom: 12px;
    }
    
    .section-title {
        font-size: 1.3rem;
    }

    .procedure-image img {
        max-height: 300px;
    }
} 



/******************************************************/
  /*          Uyluk Germe  Page                       */
  /******************************************************/

  .ug-header-title{

    color: var(--primary);
}


.ug-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), #4dabf7);
    margin: 15px auto;
    border-radius: 4px;
}

.ug-section {
    padding: 10px 0;
    position: relative;
    background: #fff;
    border-radius: var(--border-radius);
    margin-bottom: 20px;
}

.ug-section:nth-child(even) {
    background: var(--light-bg);
}

.ug-section-title {
    color: var(--primary);
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ug-section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), #4dabf7);
    border-radius: 3px;
}

.ug-content {
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-color);
}

/* Image Styles */
.ug-compact-row {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 25px;
}

.ug-compact-imgbox,
.ug-operation-imgbox {
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    overflow: hidden;
    min-height: 280px;
    min-width: 280px;
    padding: 0.3rem;
    box-shadow: var(--box-shadow);
}

.ug-compact-image,
.ug-image {
    width: 100%;
    height: 400px;
    max-width: 100%;
    max-height: 400px;
    object-fit: cover;
    background: #f4f4f4;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    display: block;
}

.ug-compact-content {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 0.5rem;
}

.ug-operation-row {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.ug-operation-content {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 0.5rem;
}

.ug-compact-image:hover,
.ug-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.ug-highlights {
    list-style-type: none;
    background-color: #fff;
    padding: 0.8rem;
    border-radius: var(--border-radius);
    margin: 1rem 0;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.ug-highlights:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.ug-highlights h4 {
    color: var(--primary);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    position: relative;
    padding-bottom: 10px;
}

.ug-highlights h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), #4dabf7);
    border-radius: 3px;
}

.ug-highlights ul {
    list-style-type: none;
    padding-left: 0;
}

.ug-highlights li {
    padding: 0.6rem 0;
    position: relative;
    padding-left: 2rem;
    font-size: 1.1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ug-highlights li:last-child {
    border-bottom: none;
}

.ug-highlights li:before {
    content: "✓";
    color: var(--primary);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.1rem;
}

.ug-timeline {
    position: relative;
    padding: 1rem 0;
}

.ug-timeline-item {
    padding: 1rem;
    background: #fff;
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    border-left: 4px solid var(--primary);
}

.ug-timeline-item:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.ug-timeline-item h5 {
    color: var(--primary);
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
}

.ug-section {
    animation: fadeIn 0.8s ease-out;
}

/* Responsive Tasarım */
@media (max-width: 992px) {
   
    .ug-section {
        padding: 15px 0;
    }
    
    .ug-section-title {
        font-size: 2rem;
    }

    .ug-compact-row,
    .ug-operation-row {
        flex-direction: column;
        gap: 20px;
    }

    .ug-compact-imgbox,
    .ug-compact-content,
    .ug-operation-imgbox,
    .ug-operation-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0.3rem;
    }

    .ug-compact-image,
    .ug-image {
        height: 300px;
        max-height: 300px;
    }
}

@media (max-width: 768px) {
    .hero-header {
        min-height: 400px;
    }
    
    .hero-title {
        font-size: 2.2rem;
    }
    
    .hero-text {
        font-size: 1rem;
    }
    
    .ug-section {
        padding: 15px 0;
    }
    
    .ug-highlights {
        padding: 0.6rem;
    }
    
    .ug-timeline-item {
        padding: 0.8rem;
    }

    .ug-compact-image,
    .ug-image {
        height: 250px;
        max-height: 250px;
    }
}

@media (max-width: 576px) {
    .hero-title {
        font-size: 1.8rem;
    }
    
    .ug-section-title {
        font-size: 1.6rem;
    }
    
    .ug-content {
        font-size: 1rem;
    }
    
    .ug-highlights li {
        font-size: 1rem;
    }
    
    .ug-compact-image,
    .ug-image {
        height: 200px;
        max-height: 200px;
    }
}

/* Candidate and Pre-Operation Sections Enhancement */
.ug-candidate-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: var(--border-radius);
    padding: 0.8rem;
    margin: 0.8rem 0;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.ug-candidate-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.ug-candidate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.ug-candidate-item {
    background: #fff;
    padding: 0.6rem;
    border-radius: var(--border-radius);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: var(--transition);
    border-left: 4px solid var(--primary);
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

.ug-candidate-item:hover {
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.ug-candidate-icon {
    width: 40px;
    height: 40px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ug-candidate-icon i {
    color: #fff;
    font-size: 1.2rem;
}

.ug-candidate-content {
    flex: 1;
}

.ug-candidate-content h5 {
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.ug-candidate-content p {
    color: var(--text-color);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.ug-pre-op-section {
    background: #fff;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    margin: 1.5rem 0;
    box-shadow: var(--box-shadow);
}

.ug-pre-op-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.ug-pre-op-item {
    background: var(--light-bg);
    padding: 1rem;
    border-radius: var(--border-radius);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.ug-pre-op-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, var(--primary), #4dabf7);
    transition: var(--transition);
}

.ug-pre-op-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.ug-pre-op-item:hover::before {
    width: 6px;
}

.ug-pre-op-item h5 {
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
    padding-left: 0.8rem;
}

.ug-pre-op-item p {
    color: var(--text-color);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    padding-left: 0.8rem;
}

@media (max-width: 768px) {
    .ug-candidate-section,
    .ug-pre-op-section {
        padding: 2rem;
    }

    .ug-candidate-grid,
    .ug-pre-op-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .ug-candidate-item {
        padding: 1.2rem;
    }

    .ug-pre-op-item {
        padding: 1.2rem;
    }
} 


/******************************************************/
  /*          Meme rekonstruksiyonu Page               */
  /******************************************************/
  /* Meme Rekonstrüksiyonu Page Specific Styles */

/* Container Styles */
.custom-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.meme-rekonstruksiyonu-content {
    max-width: 100%;
    margin: 0 auto;
}

/* Responsive Container Adjustments */
@media (min-width: 1600px) {
    .custom-container {
        max-width: 1600px;
    }
}



@media (max-width: 991.98px) {
   
    
    .meme-rekonstruksiyonu-content {
        padding: 0.8rem 0;
    }
}

@media (max-width: 767.98px) {
   
    
    .meme-rekonstruksiyonu-content {
        padding: 0.5rem 0;
    }
}

.meme-rekonstruksiyonu-content h1 {
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 2rem;
    letter-spacing: -0.5px;
    font-size: 3.5rem;
    line-height: 1.2;
    position: relative;
    padding-bottom: 1rem;
}

.meme-rekonstruksiyonu-content h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: var(--primary);
    border-radius: 2px;
}

.meme-rekonstruksiyonu-content .lead {
    color: var(--primary);
    font-size: 1.35rem;
    line-height: 1.8;
    margin-bottom: 3rem;
    font-weight: 400;
    max-width: 900px;
}

.meme-rekonstruksiyonu-info,
.meme-rekonstruksiyonu-methods,
.meme-rekonstruksiyonu-timing,
.meme-rekonstruksiyonu-process,
.meme-rekonstruksiyonu-partial,
.risk-reducing-section,
.meme-rekonstruksiyonu-candidates {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.06);
    margin: 1rem 0;
    padding: 0.5rem;
}

.meme-rekonstruksiyonu-info:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 32px 0 rgba(34,41,47,0.08);
}

.meme-rekonstruksiyonu-info h2,
.meme-rekonstruksiyonu-methods h2,
.meme-rekonstruksiyonu-timing h2,
.meme-rekonstruksiyonu-process h2,
.meme-rekonstruksiyonu-candidates h2 {
    color: var(--primary);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    position: relative;
}

.meme-rekonstruksiyonu-info h2:after,
.meme-rekonstruksiyonu-methods h2:after,
.meme-rekonstruksiyonu-timing h2:after,
.meme-rekonstruksiyonu-process h2:after,
.meme-rekonstruksiyonu-candidates h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--primary);
    border-radius: 2px;
}

.method-card,
.option-card,
.risk-info-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(34,41,47,0.05);
    transition: transform 0.3s ease;
    height: 100%;
}

.method-card:hover,
.option-card:hover,
.risk-info-card:hover {
    transform: translateY(-5px);
}

.method-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

.method-card:hover img {
    transform: scale(1.05);
}

.method-card h3 {
    color: #1a365d;
    font-size: 1.4rem;
    margin: 1rem 0;
    font-weight: 700;
}

.method-card p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
}

.meme-rekonstruksiyonu-timing {
    margin: 3rem 0;
    background: #f8fafc;
    padding: 2rem 1.5rem;
    border-radius: 20px;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,0.06);
}

.meme-rekonstruksiyonu-timing ul {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.meme-rekonstruksiyonu-timing li {
    margin-bottom: 0.8rem;
    font-size: 1.05rem;
    color: #2d4a6e;
    position: relative;
    padding-left: 1.2rem;
}

.meme-rekonstruksiyonu-timing li:before {
    content: '•';
    color: var(--primary);
    font-weight: bold;
    position: absolute;
    left: 0;
}

.step {
    background: #fff;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.07);
    text-align: left;
    position: relative;
    border: 1px solid #e9ecef;
    height: 100%;
    transition: all 0.3s ease;
}

.step:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 32px rgba(34,41,47,0.1);
}

.step-number {
    width: 48px;
    height: 48px;
    background:var(--primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 12px rgba(52,152,219,0.3);
}

.step h3 {
    color: #1a365d;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.step p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
}

.step ul {
    padding-left: 1.2rem;
    margin-bottom: 1.5rem;
}

.step li {
    color: #2d4a6e;
    margin-bottom: 0.8rem;
    line-height: 1.6;
    font-size: 1.05rem;
}

.step strong {
    color: #1a365d;
    display: block;
    margin: 1.5rem 0 0.8rem 0;
    font-size: 1.1rem;
}

.meme-rekonstruksiyonu-candidates {
    margin: 3rem 0 0 0;
    padding: 2rem 1.5rem;
    background: #f8fafc;
    border-radius: 20px;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,0.06);
}

.meme-rekonstruksiyonu-candidates ul {
    list-style: none;
    padding-left: 0;
}

.meme-rekonstruksiyonu-candidates li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    color: #2d4a6e;
    line-height: 1.6;
}

.meme-rekonstruksiyonu-candidates li:before {
    content: '→';
    color: var(--primary);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 1.1rem;
}

.meme-rekonstruksiyonu-candidates p {
    color: #2d4a6e;
    font-size: 1.05rem;
    line-height: 1.7;
}

.meme-rekonstruksiyonu-candidates strong {
    color: #e74c3c;
}

.meme-rekonstruksiyonu-sidebar {
    position: sticky;
    top: 100px;
}

.sidebar-card {
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.sidebar-card h3 {
    color: #2c3e50;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.sidebar-card p {
    color: #34495e;
    margin-bottom: 1.5rem;
}

.faq-item {
    margin-bottom: 1.5rem;
}

.faq-item h4 {
    color: #2c3e50;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.faq-item p {
    color: #34495e;
    font-size: 0.95rem;
}

/* Reconstruction Tabs Styles */
.reconstruction-tabs {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.07);
    margin: 2rem 0;
    overflow: hidden;
}

.tab-buttons {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8fafc;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tab-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border: none;
    background: #fff;
    border-radius: 12px;
    color: #2d4a6e;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(34,41,47,0.05);
    border: 1px solid #e9ecef;
    white-space: nowrap;
}

.tab-btn .tab-icon {
    width: 32px;
    height: 32px;
    background: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #2d4a6e;
    transition: all 0.3s ease;
}

.tab-btn.active {
    background: #3498db;
    color: #fff;
    box-shadow: 0 4px 12px rgba(52,152,219,0.2);
    border-color: #3498db;
}

.tab-btn.active .tab-icon {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.tab-btn:hover:not(.active) {
    background: #f8fafc;
    transform: translateY(-2px);
}

.tab-content {
    padding: 2rem;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.main-info {
    margin-bottom: 2rem;
    color: #2d4a6e;
    line-height: 1.7;
}

.main-info p {
    margin-bottom: 1rem;
    font-size: 1.05rem;
}

.info-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.info-column {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.info-column.advantages {
    border-left: 4px solid #2ecc71;
}

.info-column.disadvantages {
    border-left: 4px solid #e74c3c;
}

.info-column h4 {
    color: #1a365d;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-column.advantages h4 {
    color: #27ae60;
}

.info-column.disadvantages h4 {
    color: #c0392b;
}

.info-column ul {
    padding-left: 1.2rem;
    margin: 0;
}

.info-column li {
    color: #2d4a6e;
    margin-bottom: 0.8rem;
    line-height: 1.6;
    font-size: 1rem;
}

.important-note {
    background: #f4fbfd;
    border: 1.5px solid var(--primary);
    border-radius: 14px;
    padding: 1.3rem 1.5rem;
    margin-top: 1.5rem;
    box-shadow: 0 2px 12px rgba(19,197,221,0.07);
}

.important-note .note-header {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.7rem;
}

.important-note .note-header i {
    color: var(--primary);
    font-size: 1.5rem;
}

.important-note h4 {
    color: var(--primary);
    font-size: 1.18rem;
    font-weight: 700;
    margin: 0;
}

.important-note ul.warning-list {
    margin: 0;
    padding-left: 1.2rem;
}

.important-note ul.warning-list li {
    color: #23405a;
    font-size: 1.01rem;
    margin-bottom: 0.5rem;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.important-note ul.warning-list li i {
    color: var(--primary);
    font-size: 1.1rem;
    margin-top: 0.15rem;
}

@media (max-width: 767.98px) {
    .important-note {
        padding: 0.7rem 0.7rem;
    }
    .important-note h4 {
        font-size: 1.05rem;
    }
    .important-note ul.warning-list li {
        font-size: 0.97rem;
        line-height: 1.4;
    }
}

.meme-rekonstruksiyonu-partial .intro-card {
    background: #f8fafc;
    border-radius: 15px;
    padding: 2rem;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    border-left: 4px solid #3498db;
}

.meme-rekonstruksiyonu-partial .intro-icon {
    background: #3498db;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.meme-rekonstruksiyonu-partial .intro-card p {
    margin: 0;
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
}

.reconstruction-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

.option-card .card-header {
    background: #f8fafc;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.option-card .header-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.partial-reconstruction .header-icon {
    background: #ebf7ff;
    color: #3498db;
}

.reshaping .header-icon {
    background: #ebf7ff;
    color: #3498db;
}

.option-card h4 {
    color: #1a365d;
    font-size: 1.3rem;
    margin: 0;
    font-weight: 600;
}

.card-content {
    padding: 1.5rem;
}

.card-content p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
}

.tissue-types, .procedures {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.5rem;
}

.tissue-types h5, .procedures h5 {
    color: #1a365d;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tissue-list, .procedures-list {
    padding-left: 0;
    list-style: none;
}

.tissue-list li, .procedures-list li {
    padding: 0.8rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    border-bottom: 1px solid rgba(34,41,47,0.1);
}

.tissue-list li:last-child, .procedures-list li:last-child {
    border-bottom: none;
}

.tissue-list .tissue-name {
    font-weight: 600;
    color: #3498db;
}

.procedures-list i {
    color: #3498db;
    width: 20px;
}

.risk-reducing-section h2 {
    color: var(--primary);
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 1rem;
}

.risk-reducing-section h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #3498db;
    border-radius: 2px;
}

.risk-info-card {
    background: #f8fafc;
    border-radius: 15px;
    padding: 2rem;
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2rem;
    border-left: 4px solid #3498db;
}

.risk-info-card .card-icon {
    background: #3498db;
    color: white;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.risk-info-card .card-content {
    flex: 1;
}

.risk-info-card h4 {
    color: #1a365d;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.risk-info-card p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin: 0;
}

.medical-photography-card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.07);
    overflow: hidden;
}

.photo-info .info-header {
    background: #f8fafc;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.photo-info .info-header i {
    color: #3498db;
    font-size: 1.5rem;
}

.photo-info .info-header h4 {
    color: #1a365d;
    font-size: 1.3rem;
    margin: 0;
    font-weight: 600;
}

.photo-info .info-content {
    padding: 2rem;
}

.photo-info .info-content p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
}

.photo-details {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.5rem;
}

.photo-details h5 {
    color: #1a365d;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.photo-points {
    padding-left: 0;
    list-style: none;
}

.photo-points li {
    padding: 0.8rem 0;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    color: #2d4a6e;
    line-height: 1.6;
}

.photo-points li:last-child {
    margin-bottom: 0;
}

.photo-points i {
    color: #3498db;
    font-size: 1.1rem;
    margin-top: 0.2rem;
}

.photo-points .fa-lock,
.photo-points .fa-user-shield {
    color: #3498db;
}

.photo-points .fa-ban {
    color: #e74c3c;
}

.photo-points span {
    flex: 1;
}

@media (max-width: 991.98px) {
    .reconstruction-options {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .meme-rekonstruksiyonu-partial {
        padding: 1.2rem 0.8rem;
    }
    
    .intro-card {
        padding: 1.5rem;
        flex-direction: column;
    }
    
    .option-card .card-header {
        padding: 1.2rem;
    }
    
    .card-content {
        padding: 1.2rem;
    }
    
    .tissue-types, .procedures {
        padding: 1.2rem;
    }

    .info-columns {
        display: block;
        margin-bottom: 0;
    }
    .info-column {
        width: 100%;
        margin: 0 0 1rem 0;
        padding: 0.7rem 1rem;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(34,41,47,0.06);
        border-left-width: 4px;
        border-left-style: solid;
        font-size: 0.97rem;
        background: #f8fafc;
    }
    .info-column.advantages {
        border-left-color: #2ecc71;
    }
    .info-column.disadvantages {
        border-left-color: #e74c3c;
    }
    .info-column h4 {
        font-size: 1.08rem;
        margin-bottom: 0.6rem;
    }
    .info-column ul {
        padding-left: 1.1rem;
        margin: 0;
    }
    .info-column li {
        font-size: 0.97rem;
        margin-bottom: 0.45rem;
        line-height: 1.4;
    }
}

.risk-reducing-section {
    margin: 3rem 0;
    padding: 2rem 1.5rem;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,0.06);
}

.risk-reducing-section h2 {
    color: var(--primary);
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 1rem;
}

.risk-reducing-section h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #3498db;
    border-radius: 2px;
}

.risk-info-card {
    background: #f8fafc;
    border-radius: 15px;
    padding: 2rem;
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2rem;
    border-left: 4px solid #3498db;
}

.risk-info-card .card-icon {
    background: #3498db;
    color: white;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.risk-info-card .card-content {
    flex: 1;
}

.risk-info-card h4 {
    color: #1a365d;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.risk-info-card p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin: 0;
}

.medical-photography-card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.07);
    overflow: hidden;
}

.photo-info .info-header {
    background: #f8fafc;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.photo-info .info-header i {
    color: #3498db;
    font-size: 1.5rem;
}

.photo-info .info-header h4 {
    color: #1a365d;
    font-size: 1.3rem;
    margin: 0;
    font-weight: 600;
}

.photo-info .info-content {
    padding: 2rem;
}

.photo-info .info-content p {
    color: #2d4a6e;
    line-height: 1.7;
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
}

.photo-details {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.5rem;
}

.photo-details h5 {
    color: #1a365d;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.photo-points {
    padding-left: 0;
    list-style: none;
    list-style-type: none;
}

.photo-points li {
    padding: 0.8rem 0;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    color: #2d4a6e;
    line-height: 1.6;
    list-style-type: none;
}

.photo-points li:last-child {
    margin-bottom: 0;
}

.photo-points i {
    color: #3498db;
    font-size: 1.1rem;
    margin-top: 0.2rem;
}

.photo-points .fa-lock,
.photo-points .fa-user-shield {
    color: #3498db;
}

.photo-points .fa-ban {
    color: #e74c3c;
}

.photo-points span {
    flex: 1;
}

@media (max-width: 767.98px) {
    .risk-reducing-section {
        padding: 1.2rem 0.8rem;
    }

    .risk-info-card {
        padding: 1.2rem 0.8rem;
        flex-direction: column;
        gap: 1rem;
    }

    .photo-info .info-header,
    .photo-info .info-content,
    .photo-details {
        padding: 1.2rem;
    }
}

.info-image-container,
.risk-image-container {
    margin: 1rem auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(34,41,47,0.08);
    max-width: 800px;
}

.info-image,
.risk-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.info-image:hover,
.risk-image:hover {
    transform: scale(1.02);
}

@media (max-width: 991.98px) {
    .risk-image {
        height: 240px;
    }
}

@media (max-width: 767.98px) {
    .risk-image {
        height: 200px;
    }
    
    .risk-image-container {
        margin: 1rem auto;
    }
}

/* Touch Device Optimizations */
@media (hover: none) {
    .method-card:hover,
    .option-card:hover,
    .risk-info-card:hover {
        transform: none;
    }

    .info-image:hover,
    .risk-image:hover {
        transform: none;
    }
}

/* Print Styles */
@media print {
    .meme-rekonstruksiyonu-content {
        max-width: 100%;
        padding: 0;
    }

    .method-card,
    .option-card,
    .risk-info-card {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .info-image,
    .risk-image {
        max-height: 200px;
    }
}

/* Main Header Styles */
.main-header {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
    padding: 2rem 0;
}

.main-header h1 {
    color: var(--primary);
    font-weight: 800;
    font-size: 3.2rem;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.header-line {
    width: 100px;
    height: 4px;
    background: #3498db;
    margin: 0 auto;
    border-radius: 2px;
}

/* Intro Section Styles */
.intro-section {
    max-width: 900px;
    margin: 0 auto 3rem;
    text-align: center;
    padding: 0 1rem;
}

.intro-text .lead {
    color: #2d4a6e;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 400;
}

/* Info Section Styles */
.meme-rekonstruksiyonu-info {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 24px rgba(34,41,47,0.06);
    overflow: hidden;
    margin-bottom: 3rem;
    transition: transform 0.3s ease;
}

.meme-rekonstruksiyonu-info:hover {
    transform: translateY(-5px);
}

.info-header {
    background: #f8fafc;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.icon-wrapper {
    width: 48px;
    height: 48px;
    background: #3498db;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper i {
    color: #ffffff;
    font-size: 1.5rem;
}

.info-header h2 {
    margin: 0;
    color: var(--primary);
    font-size: 1.8rem;
    font-weight: 600;
}

.info-content {
    padding: 2rem;
}

/* Image Styles */
.info-image-container {
    position: relative;
    margin-bottom: 2rem;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(34,41,47,0.1);
}

.info-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.info-image:hover {
    transform: scale(1.02);
}

/* Key Points Grid */
.key-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-top: 2rem;
}

.point-card {
    background: #ffffff;
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 3px 15px rgba(34,41,47,0.05);
    transition: transform 0.3s ease;
    border: 1px solid #e9ecef;
}

.point-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(34,41,47,0.1);
}

/* Tab Styles */
.reconstruction-tabs {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(34,41,47,0.07);
    margin: 2rem 0;
    overflow: hidden;
}

.tab-buttons {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8fafc;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tab-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border: none;
    background: #fff;
    border-radius: 12px;
    color: #2d4a6e;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(34,41,47,0.05);
    border: 1px solid #e9ecef;
    white-space: nowrap;
}

/* Mobile Responsive Styles */
@media (max-width: 991.98px) {
    .main-header h1 {
        font-size: 2.8rem;
    }

    .intro-text .lead {
        font-size: 1.3rem;
    }

    .key-points {
        grid-template-columns: repeat(2, 1fr);
    }

    .info-image {
        height: 300px;
    }
}

@media (max-width: 767.98px) {
    .main-header h1 {
        font-size: 2.4rem;
    }

    .intro-text .lead {
        font-size: 1.2rem;
    }

    .info-header {
        padding: 1.2rem;
        flex-direction: column;
        text-align: center;
    }

    .info-content {
        padding: 1.5rem;
    }

    .key-points {
        grid-template-columns: 1fr;
    }

    .point-card {
        padding: 1.2rem;
    }

    .tab-buttons {
        padding: 1rem;
    }

    .tab-btn {
        padding: 0.8rem 1.2rem;
        font-size: 0.9rem;
    }

    .info-image {
        height: 250px;
    }
}

/* Touch Device Optimizations */
@media (hover: none) {
    .meme-rekonstruksiyonu-info:hover,
    .point-card:hover,
    .info-image:hover {
        transform: none;
    }
}

/* Print Styles */
@media print {
    .meme-rekonstruksiyonu-content {
        max-width: 100%;
        padding: 0;
    }

    .meme-rekonstruksiyonu-info,
    .point-card {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .info-image {
        max-height: 200px;
    }
} 


/**************************/
/*     Burun Estetiği     */
/**************************/



.burun-estetigi-title {
    color: #14c7e5;
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 700;
}

.burun-estetigi-subtitle {
    color: #14c7e5;
    font-size: 1.8rem;
    margin: 2rem 0 1.5rem;
    font-weight: 600;
}

.burun-estetigi-content {
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

.burun-estetigi-text {
    color: #666;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.burun-estetigi-list {
    list-style: none;
    padding-left: 0;
}

.burun-estetigi-list li {
    padding: 0.5rem 0;
    color: #666;
    position: relative;
    padding-left: 1.5rem;
}

.burun-estetigi-list li:before {
    content: "•";
    color: #14c7e5;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.burun-estetigi-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 2rem;
    max-width: 90%;
    margin: 0 auto 2rem;
}

.burun-estetigi-image {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    object-fit: cover;
    max-height: 400px;
}

.burun-estetigi-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 199, 229, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.burun-estetigi-image-container:hover .burun-estetigi-image {
    transform: scale(1.05);
}

.burun-estetigi-image-container:hover .burun-estetigi-image-overlay {
    opacity: 1;
}

.burun-estetigi-highlights {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin: 1.5rem 0;
}

.burun-estetigi-highlights h4 {
    color: #151c2c;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 2px solid #14c7e5;
    padding-bottom: 0.3rem;
    display: inline-block;
}

.burun-estetigi-list li {
    padding: 0.8rem 0;
    color: #666;
    position: relative;
    padding-left: 2rem;
}

.burun-estetigi-list li:before {
    content: "•";
    color: #14c7e5;
    font-weight: bold;
    position: absolute;
    left: 0;
    font-size: 1.2rem;
}

.burun-estetigi-method-card {
    padding: 2rem;
    margin-bottom: 2rem;
  
}

.burun-estetigi-method-title {
    color: #151c2c;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.burun-estetigi-method-title i {
    color: #14c7e5;
    font-size: 1.8rem;
}

.burun-estetigi-method-content {
    color: #666;
    line-height: 1.8;
}

.burun-estetigi-timeline {
    position: relative;
    padding-left: 2rem;
}

.burun-estetigi-timeline-item {
    position: relative;
    padding-bottom: 1.5rem;
}

.burun-estetigi-timeline-item:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0;
    width: 2px;
    height: 100%;
    background: #14c7e5;
}

.burun-estetigi-timeline-item h5 {
    color: #151c2c;
    margin-bottom: 0.5rem;
}

.burun-estetigi-faq {
    background: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.burun-estetigi-faq:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.burun-estetigi-faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0.5rem 0;
}

.burun-estetigi-faq-question {
    color: #151c2c;
    font-weight: 600;
    margin: 0;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.burun-estetigi-faq-question i {
    color: #14c7e5;
    margin-right: 1rem;
    font-size: 1.2rem;
}

.burun-estetigi-faq-toggle {
    color: #14c7e5;
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.burun-estetigi-faq.active .burun-estetigi-faq-toggle {
    transform: rotate(180deg);
}

.burun-estetigi-faq-answer {
    color: #666;
    line-height: 1.6;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
    display: none;
}

.burun-estetigi-faq.active .burun-estetigi-faq-answer {
    display: block;
}

.burun-estetigi-faq-section {
    background: #f8f9fa;
    padding: 3rem 0;
    border-radius: 15px;
    margin-top: 3rem;
}

.burun-estetigi-faq-section-title {
    text-align: center;
    margin-bottom: 2rem;
}

.burun-estetigi-faq-section-title h2 {
    color: #14c7e5;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.burun-estetigi-faq-section-title p {
    color: #666;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

.burun-estetigi-info-box, .burun-estetigi-note-box {
    background: #e9f8fb;
    border-radius: 10px;
    padding: 1.1rem 1.3rem;
    color: #151c2c;
    font-size: 1.05rem;
    box-shadow: 0 2px 8px rgba(20,199,229,0.07);
    margin-bottom: 0.7rem;
}
.burun-estetigi-note-box {
    background: #fffbe6;
    color: #b38b00;
    border-left: 4px solid #ffe066;
    font-size: 1.01rem;
}
@media (max-width: 768px) {
    .burun-estetigi-title {
        font-size: 2rem;
    }
    .burun-estetigi-subtitle {
        font-size: 1.5rem;
    }
    .burun-estetigi-content {
        padding: 1.5rem;
    }
    .burun-estetigi-info-box, .burun-estetigi-note-box {
        font-size: 0.98rem;
        padding: 0.9rem 0.7rem;
    }
}
.section-title-underline {
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}
.section-title-underline::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: #14c7e5;
    border-radius: 2px;
    margin: 0.5rem auto 0 auto;
}