:root {
  /* 🎨 Primary Color Palette */
  --color-primary: #1E3A8A;  
  --color-primary-light: #1E3A8A1A;
  --color-secondary: #f59e0b;

  /* ⚪ Neutral Palette */
  --color-gray-bg: #F9FAFB;
  --color-footer: #111827;
  --color-footer-icon-bg: #1F2937;
  --color-gray-text: #6B7280;
  --color-chart-blue: #57B5E7;
  --color-blue: #2563EB;
  --color-blue-light: #EFF6FF;
  --color-green: #16A34A;
  --color-green-light: #F0FDF4;
  --color-purple: #9333EA;
  --color-purple-light: #FAF5FF;
  --color-yellow: #EA580C;
  --color-yellow-light: #FFF7ED;
  --color-pink: #DB2777;
  --color-pink-light: #FDF2F8;
  --color-gray: #4B5563;
  --color-gray-light: #F3F4F6;

  /* ❤️ Alert / Status Colors */
  --color-success: #22C55E; 
  --color-warning: #F59E0B;  
  --color-error: #EF4444; 
  --color-info: #3B82F6;

  /* ✍️ Typography */
  --font-sans: 'Inter', 'Helvetica Neue', sans-serif;
  --font-serif: 'Merriweather', serif;
  --font-mono: 'Fira Code', monospace;

  /* 🔠 Font Sizes */
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */
  --font-size-4xl: 2.25rem;   /* 36px */
  --font-size-5xl: 3rem;      /* 48px */
  --font-size-6xl: 4rem;      /* 64px */

  /* ✨ Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
               0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
               0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.2);

  /* 📐 Border Radius */
  --border-none: 0;
  --radius-sm: 4px;
  --radius-default: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;
  --radius-button: 8px;
}

/* General: html, body */
html, body {
    background-color: var(--color-gray-bg);
    margin: 0;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
svg {
    color: #fff;
}
:root {
    --width-default: min(1200px, 90vw);
    --diameter: 1632px !important;
}
a {
    text-decoration: none;
    color: #000;
}
:where([class^="ri-"])::before { content: "\f3c2"; }

/* Blocks */
/* ======================== */

/* Block: .Loading */
.Loading {
    background-color: #FFF;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100vh;
    width: 100vw;
}
.Loading.Loading--Hidden {
    display: none;
}
    .Loading .Loading__Animation {
        height: 100px;
        width: 100px;
    }

/* Block: .Wrapper */
.Wrapper {}
.Wrapper.Wrapper--Hidden {
    display: none;
}

/* Block: .Header */
.Header {
    width: 100%;
    background: #fff;
    height: 112px;
    box-shadow: var(--shadow-md);
    position: relative;
}
.Header.Header--Fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000 !important;
}
    .Header .Header__Top {
        background-color: #fff;
        height: 64px;
        display: flex;
        align-items: center;
    }
        .Header__Top .Top__Logo {}
            .Top__Logo .Logo__Text {
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
                position: relative;
                top: 4px;
                margin-left: 8px;
            }
        .Header__Top .Top__Buttons {}
            .Header__Top .Top__Buttons .Buttons__Search {
                background-color: var(--color-gray-light);
                height: 40px;
                border-radius: var(--radius-full);
            }
                .Header__Top .Top__Buttons .Buttons__Search .Search__Form {}
                    .Header__Top .Top__Buttons .Buttons__Search .Search__Form .Form__Input {
                        border: none;
                        background-color: transparent;
                        padding: 10px 14px;
                        width: 160px;
                    }
                    .Header__Top .Top__Buttons .Buttons__Search .Searh__Form .Form__Input::placeholder {
                        color: var(--color-gray);
                    }
                    .Header__Top .Top__Buttons .Buttons__Search .Search__Form .Form__Button {
                        border: none;
                        background-color: transparent;
                        padding: 0 16px;
                        color: var(--color-gray);
                    }
    .Header .Header__Navbar {
        background-color: var(--color-primary);
        height: 48px;
        display: flex;
        align-items: center;
    }
        .navbar-expand-lg .navbar-nav .nav-link {
            color: #fff !important;
            font-size: 16px;
        }
        .navbar-expand-lg .navbar-nav .nav-link:hover {
            color: var(--color-secondary) !important;
        }
        .Header .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
        }

/* Hero */
.Hero {
    background-size: cover;
    background-position: center;
    height: 464px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.Hero.swiper-slide {
    height: 548px;
}
    .Hero .Hero__Overlay {
        background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%);
    }
    .Hero__Content {
        position: relative;
        z-index: 10;
        height: 100%;
        display: flex;
        align-items: center;
        }
        .Hero .Hero__Content .Content__Heading {
            font-size: 44px;
            font-weight: bold;
            margin-bottom: 24px;
            color: #fff;
        }
        .Hero .Hero__Content .Content__Text {
            font-size: 16px;
            margin-bottom: 32px;
            max-width: 840px;
            line-height: 28px;
            color: #F3F4F6;
        }
        .Hero .Hero__Content .Content__Buttons {}
            .Hero .Hero__Content .Content__Buttons .Buttons__Button {
                padding: 12px 24px;
                border: none;
                border-radius: 8px;
                font-size: 16px;
            }
            .Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__Blue {
                background-color: var(--color-primary);
                color: #fff;
                margin-right: 16px;
            }
            .Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__White {
                background-color: #fff;
                color: var(--color-primary);
            }
            .Hero .Hero__Icon {
                background-color: #dedede;
            }
/* Space */
.Space {
    display: block;
}
.Space--64 {
    height: 64px;
}

/* Section__Header */
.Section__Header {
    margin-bottom: 48px;
}
    .Section__Header .Header__Heading {
        margin-bottom: 16px;
        font-size: 30px;
        font-weight: bold;
        color: #1F2937;
        text-align: center;
    }
    .Section__Header .Header__Text {
        text-align: center;
        max-width: 727px;
        color: #4B5563;
        font-size: 16px;
        margin: 0 auto;
    }

    /* Videos */
    .video-card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      cursor: pointer;
      width: 100%;
    }

    .video-card img {
      width: 100%;
      height: auto;
      display: block;
    }

    .play-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      background-color: rgba(255, 255, 255, 0.85);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .play-icon::before {
      content: '▶';
      font-size: 24px;
      color: #003366;
      margin-left: 3px;
    }

    .person-name {
      font-weight: bold;
      font-size: 1rem;
      margin-top: 0.5rem;
    }

    .faculty-name {
      font-size: 0.95rem;
      color: #003366;
    }

/* Faculty__Card */
.Faculty__Card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    border-radius: 16px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    margin-bottom: 32px;
    transition: 0.4s ease;
}
.Faculty__Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
    .Faculty__Card .Card__Img {
        height: 192px;
        width: 100%;
        object-fit: cover;
    }
    .Faculty__Card .Card__Body {
        padding: 24px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
        .Faculty__Card .Card__Body .Body__Header {
            display: flex;
            align-items: center;
            gap: 10px;
        }
            .Faculty__Card .Card__Body .Body__Header .Header__Icon {
                width: 40px;
                height: 40px;
                background-color: var(--color-primary-light);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
                .Faculty__Card .Card__Body .Body__Header .Header__Icon img {
                    width: 18px;
                    height: auto;
                }
        .Faculty__Card .Card__Body .Body__Title {
            margin-bottom: 8px;
            font-size: 20px;
            font-weight: 600;
            color: #1F2937;
        }
        .Faculty__Card .Card__Body .Body__Text {
            margin-bottom: 16px;
            line-height: 24px;
            color: #4B5563;
            font-size: 15px;
        }
        .Faculty__Card .Card__Body .Body__Info {
            margin: 0 0 16px;
            display: flex;
            gap: 8px;
            align-items: center;
        }
            .Faculty__Card .Card__Body .Body__Info .Info__Box {
                padding: 4px 8px;
                border-radius: var(--radius-full);
                font-size: 16px;
            }
            .Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
                background-color: var(--color-blue-light);
                color: var(--color-blue);
            }
            .Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
                background-color: var(--color-green-light);
                color: var(--color-green);
            }
            .Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
                background-color: var(--color-purple-light);
                color: var(--color-purple);
            }
            .Faculty__Card .Card__Body .Body__Info .Info__Box.Info__Box--Pink {
                background-color: var(--color-pink-light);
                color: var(--color-pink);
            }
        .Faculty__Card .Card__Body .Body__Details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
        }
            .Faculty__Card .Card__Body .Body__Details .Details__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .Faculty__Card .Card__Body .Body__Details .Details__Link {
                color: var(--color-primary);
            }

.HealthServices img {
    height: 100%;
}

/* AcademicStaff */
.AcademicStaff {
    padding: 48px 0;
}
    .AcademicStaff .AcademicStaff__Card {
        border-radius: 16px;
        overflow: hidden;
        width: 100%;
        height: 516px;
    }
        .AcademicStaff .AcademicStaff__Card .Card__Img {
            height: 340px;
            object-fit: cover;
            width: 100%;
        }
        .AcademicStaff .AcademicStaff__Card .Card__Body {
            padding: 24px;
        }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Title {
                font-size: 18px;
                font-weight: 600;
            }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Role {
                font-size: 14px;
                margin-bottom: 12px;
                color: var(--color-primary);
            }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Text {
                font-size: 14px;
                color: #4B5563;
                margin-bottom: 16px;
            }
        .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons {}
                .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons .Icons__Box {
                    font-size: 14px;
                }
                .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Icons .Icons__Icon i {
                    color: var(--color-gray);
                    font-size: 16px;
                }

/* Faculty */
.Faculty {}
    .Faculty .Faculty__Swiper {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
        .Faculty .Faculty__Swiper .swiper-wrapper {}
            .Faculty .Faculty__Swiper .swiper-wrapper .swiper-slide {
                background: #ffffff;
                display: flex;
                justify-content: center;
                border-radius: 16px;
                overflow: hidden;
            }
                .Faculty .Slide__Card {}
                    .Faculty .Slide__Card .Card__Img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                        .Faculty .Slide__Card .Card__Img img {
                            width: 100%;
                            height: 100% !important;
                            object-fit: cover;
                        }
                    .Faculty .Slide__Card .Card__Content {
                        padding: 32px;
                    }
                        .Faculty .Slide__Card .Card__Content .Content__Header {
                            display: flex;
                            align-items: center;
                            gap: 10px;
                            margin-bottom: 24px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon {
                                width: 40px;
                                height: 40px;
                                border-radius: 50%;
                                background-color: var(--color-primary);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }
                                .Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon i {
                                    color: #fff;
                                    font-size: 24px;
                                    margin-bottom: -6px;
                                }
                            .Faculty .Slide__Card .Card__Content .Content__Header .Header__Heading {
                                font-size: 24px;
                                font-weight: bold;
                                color: #1F2937;
                            }
                        .Faculty .Slide__Card .Card__Content .Content__Text {
                            font-size: 16px;
                            line-height: 24px;
                            margin-bottom: 24px;
                        }
                        .Faculty .Slide__Card .Card__Content .Content__Sections {
                            margin-bottom: 32px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__Heading {
                                font-size: 20px;
                                color: #1F2937;
                                font-weight: 600;
                                margin-bottom: 16px;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List {}
                                .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Icon {
                                    font-size: 20px;
                                    margin-right: 4px;
                                }
                                .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Title {
                                    font-size: 16px;
                                }
                        .Faculty .Slide__Card .Card__Content .Content__Features {
                            margin-bottom: 32px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Features .Features__Heading {
                                font-size: 20px;
                                color: #1F2937;
                                font-weight: 600;
                                margin-bottom: 16px;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes {}
                                .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box {
                                    padding: 16px;
                                    background-color: var(--color-gray-bg);
                                    border-radius: 16px;
                                }
                                    .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Icon {
                                        height: 40px;
                                        width: 40px;
                                        background-color: var(--color-primary-light);
                                        border-radius: 50%;
                                        margin-bottom: 12px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                    }
                                        .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Icon img {
                                            width: 24px;
                                            height: auto;
                                        }
                                    .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Title {
                                        font-size: 16px;
                                        font-weight: 600px;
                                        margin-bottom: 6px;
                                    }
                                    .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box .Box__Text {
                                        color: #4B5563;
                                        font-size: 14px;
                                        line-height: 20px;
                                    }
                        .Faculty .Slide__Card .Card__Content .Content__Buttons {
                            display: flex;
                            align-items: center;
                            gap: 4px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button {
                                padding: 12px 23px;
                                font-size: 16px;
                                font-weight: 600;
                                margin-right: 16px;
                                border-radius: 8px;
                                display: flex;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Info {
                                background-color: var(--color-primary);
                                color: #fff;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Staff {
                                border: 1px solid var(--color-primary);
                                color: var(--color-primary);
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button.Buttons__Button--Contact {
                                color: var(--color-gray);
                                border: 1px solid var(--color-gray);
                            }
    .Faculty .swiper-button-next,
    .Faculty .swiper-button-prev {
    color: #003366; /* istediğin renk */
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .Faculty .swiper-button-next::after,
    .Faculty .swiper-button-prev::after {
    font-size: 24px;
    }

/* NewsAndEvents */
.NewsAndEvents {
    background-color: #fff;
    padding: 64px 0;
}
    .NewsAndEvents__Card {
        border-radius: 16px;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        box-shadow: var(--shadow-lg);
        margin-bottom: 32px;
        transition: 0.4s ease;
    }
    .NewsAndEvents__Card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
        .NewsAndEvents__Card .Card__Img {
            height: 192px;
            width: 100%;
            object-fit: cover;
        }
        .NewsAndEvents__Card .Card__Body {
            padding: 24px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }
            .NewsAndEvents__Card .Card__Body .Body__Title {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
            }
            .NewsAndEvents__Card .Card__Body .Body__Text {
                margin-bottom: 16px;
                line-height: 24px;
                color: #4B5563;
                font-size: 16px;
            }
            .NewsAndEvents__Card .Date__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .NewsAndEvents__Card .Card__Body .Body__Details {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: auto;
            }
                .NewsAndEvents__Card .Card__Body .Body__Details .Details__Text {
                    color: #6B7280;
                    font-size: 14px;
                }
                .NewsAndEvents__Card .Card__Body .Body__Details .Details__Link {
                    color: var(--color-primary);
                }

/* Faculty__Card */
.FacultyOpportunities__Card {
    border-radius: 16px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    transition: 0.4s ease;
    height: 100%;
}
.FacultyOpportunities__Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
    .FacultyOpportunities__Card .Card__Img {
        height: 192px;
        width: 100%;
        object-fit: cover;
    }
    .FacultyOpportunities__Card .Card__Body {
        padding: 24px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
        .FacultyOpportunities__Card .Card__Body .Body__Header {
            display: flex;
            align-items: center;
            gap: 10px;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon {
                width: 40px;
                height: 40px;
                background-color: var(--color-primary-light);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
                .FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon i {
                    color: var(--color-primary);
                    font-size: 18px;
                }
        .FacultyOpportunities__Card .Card__Body .Body__Title {
            margin-bottom: 8px;
            font-size: 20px;
            font-weight: 600;
            color: #1F2937;
        }
        .FacultyOpportunities__Card .Card__Body .Body__Text {
            margin-bottom: 16px;
            line-height: 24px;
            color: #4B5563;
            font-size: 16px;
        }
        .FacultyOpportunities__Card .Card__Body .Body__Info {
            margin: 0 0 16px;
            display: flex;
            gap: 8px;
            align-items: center;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box {
                padding: 4px 8px;
                border-radius: var(--radius-full);
                font-size: 16px;
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
                background-color: var(--color-blue-light);
                color: var(--color-blue);
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
                background-color: var(--color-green-light);
                color: var(--color-green);
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
                background-color: var(--color-blue-purple);
                color: var(--color-purple);
            }
        .FacultyOpportunities__Card .Card__Body .Body__Details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Details .Details__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .FacultyOpportunities__Card .Card__Body .Body__Details .Details__Link {
                color: var(--color-primary);
            }

/* FacultyContact */
.FacultyContact {}
    .FacultyContact .FacultyContact__Card {
        background-color: #fff;
        box-shadow: var(--shadow-md);
        padding: 24px;
        border-radius: 16px;
        height: 356px;
    }
        .FacultyContact .FacultyContact__Card .Card__Header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
            .FacultyContact .FacultyContact__Card .Card__Header .Header__Icon {
                background-color: var(--color-blue-light);
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
            }
                .FacultyContact .FacultyContact__Card .Card__Header .Header__Icon i {
                    font-size: 16px;
                    color: var(--color-primary);
                }
            .FacultyContact .FacultyContact__Card .Card__Header .Header__Heading {
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
                margin-bottom: 0;
            }
        .FacultyContact .FacultyContact__Card .Card__List {}
            .FacultyContact .FacultyContact__Card .Card__List .List__Item {
                display: flex;
                gap: 10px;
            }
                .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon {}
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon i {
                        font-size: 18px;
                        color: var(--color-primary);
                    }
                .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content {}
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Heading {
                        font-size: 16px;
                        color: var(--color-primary);
                        margin-bottom: 4px;
                        font-weight: 600;
                    }
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Text {
                        font-size: 14px;
                        color: #4B5563;
                    }

/* Questions */
.Questions {
    background-color: #fff;
    padding: 44px 0;
}
    .Questions .Questions__Accordion {
        background-color: var(--color-gray-light);
        padding: 24px;
        border-radius: 16px;
        box-shadow: var(--shadow-md);
    }
        .Questions .Questions__Accordion .Accordion__Item {
            border: none;
        }
            .Questions .Questions__Accordion .Accordion__Item .Item__Header {}
                .Questions .Questions__Accordion .Accordion__Item .Item__Header .Header__Button {
                    color: #1F2937;
                    font-size: 16px;
                    font-weight: 600;
                    background-color: var(--color-gray-light);
                    border: none;
                    border-bottom: 1px solid #bcbcbc46;
                }
            .Questions .accordion-item:first-of-type .accordion-button {
                background-color: var(--color-gray-light);
                border: none;
            }
            .Questions .Questions__Accordion .Accordion__Item .Item__Collapse {
                background-color: var(--color-gray-light);
            }
                .Questions .Questions__Accordion .Accordion__Item .Item__Collapse .Collapse__Body {
                    font-size: 14px;
                    color: #4B5563;
                    background-color: var(--color-gray-light) !important;
                }
            .Questions .accordion-button:not(.collapsed) {
                background-color: var(--color-gray-light);
            }
            .Questions .accordion-button.collapsed {
                background-color: var(--color-gray-light);
            }
            

/* ContactSubscibe */
.ContactSubscribe {
    padding: 0 0 64px;
    background-color: #ffffff;
}
    .ContactSubscribe .ContactSubscribe__Box {
        height: 100%;
        padding: 32px;
        border-radius: 16px;
    }
        .ContactSubscribe .ContactSubscribe__Box .Box__Heading {}
        .ContactSubscribe .ContactSubscribe__Box .Box__Item {}
            .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon {
                min-width: 40px;
                width: 40px;
                height: 40px;
                background-color: var(--color-primary-light);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon i {
                    color: var(--color-primary);
                    font-size: 18px !important;
                }
            .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info {}
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Heading {}
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Text {}
        .ContactSubscribe .ContactSubscribe__Box .Box__Social {
            margin-top: 20px;
        }
            .ContactSubscribe .ContactSubscribe__Box .Box__Social a {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--color-primary);
                width: 40px;
                height: 40px;
                border-radius: 100%;
            }
                .ContactSubscribe .ContactSubscribe__Box .Box__Social a i {
                    font-size: 16px;
                    color: #fff;
                }

/* Nav */
.Nav {
    flex-wrap: nowrap; 
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
    .Nav .Nav__Item {}
        .Nav .Nav__Item .Item__Link {
            padding: 8px 16px;
            margin-right: 6px;
            background-color: #e8e8e8;
            color: var(--color-gray);
            border-radius: var(--radius-full);
            white-space: nowrap;
        }
        .Nav::-webkit-scrollbar {
            display: none;
        }
        .Nav .Nav__Item .Item__Link.active {
            padding: 8px 16px;
            background-color: var(--color-primary);
            color: #fff;
        }

/* Search */
.Search {
    background-color: var(--color-gray-light);
    height: 40px;
    border-radius: var(--radius-full);
}
    .Search .Search__Form {}
        .Search .Search__Form .Form__Input {
            border: none;
            background-color: transparent;
            padding: 10px 14px;
            width: 312px;
        }
            .Search .Searh__Form .Form__Input::placeholder {
                color: var(--color-gray);
            }
                .Search .Search__Form .Form__Button {
                    border: none;
                    background-color: transparent;
                    padding: 0 16px;
                    color: var(--color-gray);
                }
/* FacultyChart */
.FacultyChart .tab-button.active {
    border-bottom: 2px solid #0d6efd;
    color: #0d6efd;
    font-weight: 600;
}
    .FacultyChart .FacultyChart__Card {
        border: none;
        border-radius: 16px;
        padding: 24px;
    }

/* About */
.About {
    margin-bottom: 48px;
}
    .About .About__Heading {
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 16px;
    }
    .About .About__Text {
        color: #4B5563;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 16px;
    }
    .About .About__Img {}
        .About .About__Img img {
            height: 400px;
            border-radius: 20px;
            overflow: hidden;
            object-fit: cover;
            box-shadow: var(--shadow-lg);
        }

/* Buttons */
.Button {
    padding: 12px 23px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    border: 0;
}
.Button.Button--Blue {
    background-color: var(--color-primary);
    color: #fff;
}
.Button.Button--BlueOutline {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background-color: transparent;
}
.Button.Button--Gray {
    color: var(--color-gray);
    border: 1px solid var(--color-gray);
}
                            

input:focus {
    outline: none;
}
.custom-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}
.custom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #1e3a8a;
}
input:checked + .slider:before {
    transform: translateX(24px);
}

/* NewsAndEvents */
.Events {}
    .Events__Card {
        height: 460px;
        border-radius: 16px;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        box-shadow: var(--shadow-lg);
        margin-bottom: 32px;
        transition: 0.4s ease;
        position: relative;
    }
    .Events__Card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
        .Events__Card .Card__Day {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #fff;
            width: 50px;
            height: 60px;
            border-radius: 8px;
            font-size: 12px;
            color: #4B5563;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }
            .Events__Card .Card__Day .Day__Number {
                font-size: 16px;
                font-weight: bold;
                color: var(--color-primary);
            }
        .Events__Card .Card__Img {
            height: 192px;
            width: 100%;
            object-fit: cover;
        }
        .Events__Card .Card__Body {
            padding: 24px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
            .Events__Card .Card__Body .Body__Title {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
            }
            .Events__Card .Card__Body .Body__Text {
                margin-bottom: 16px;
                line-height: 24px;
                color: #4B5563;
                font-size: 16px;
            }
            .Events__Card .Date__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .Events__Card .Card__Body .Body__Details {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: auto;
            }
                .Events__Card .Card__Body .Body__Details .Details__Text {
                    color: #6B7280;
                    font-size: 14px;
                }
                .Events__Card .Card__Body .Body__Details .Details__Link {
                    color: var(--color-primary);
                }

/* .DiningServices */
.DiningServices {}
    .DiningServices .DiningServices__Card {
        overflow: hidden;
    }
        .DiningServices .DiningServices__Card .Card__Img {}
        .DiningServices .DiningServices__Card .Body__Link {
            color: var(--color-primary);
            font-size: 14px;
            margin-top: 10px;
        }
    .DiningServices .DiningServices__Card--Big {
        overflow: hidden;
    }
        .DiningServices .DiningServices__Card--Big .Card__Img {}

.backdrop-blur {
  backdrop-filter: blur(6px);
  background-color: #ffffff34;
  min-height: 110px;
  border-radius: 16px !important;
}

/* Navigasyon düğmeleri (isteğe bağlı özelleştirme) */
.swiper-button-next,
.swiper-button-prev {
    color: white; /* İsteğe bağlı */
    z-index: 10;
}

/* Sayfalama noktaları */
.swiper-pagination-bullet {
    background: white;
    opacity: 0.7;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}

/* DepartmentFeatures */
.DepartmentFeatures {}
    .DepartmentFeatures .DepartmentFeatures__Card {
        border-radius: 16px;
        background-color: #F9FAFB;
        padding: 24px;
        box-shadow: var(--shadow-md);
    }
        .DepartmentFeatures .DepartmentFeatures__Card .Card__Icon {
            width: 56px; 
            height: 56px;
            background-color: rgb(222, 222, 222);
        }
            .DepartmentFeatures .DepartmentFeatures__Card .Card__Icon img {
                width: 24px;
                height: auto;
            }
    .DepartmentFeatures .DepartmentFeatures__Heading {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }
    .DepartmentFeatures .DepartmentFeatures__Text {
        color: #4B5563;
        font-size: 16px;
        line-height: 24px;
    }

.Departments__Card {
    box-shadow: var(--shadow-md);
    border-radius: 16px;
    overflow: hidden;
}
    .Departments__Card .Card__Img {
        height: 256px;
        object-fit: cover;
    }
    .Departments__Card .Card__Body {}
        .Departments__Card .Card__Body .Body__Title {
            font-size: 20px;
            color: #1F2937;
            font-weight: 600;
        }
        .Departments__Card .Card__Body .Body__Details {
            margin-top: 20px;
        }
            .Departments__Card .Card__Body .Body__Details .Details__Info {
                background-color: var(--color-primary-light);
                color: var(--color-primary);
                padding: 12px 16px;
                border-radius: 20px;
                font-size: 16px;
            }
            .Departments__Card .Card__Body .Body__Details .Details__Link {
                color: #333;
                font-size: 16px;
            }

.Pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.Pagination a, .Pagination span {
    padding: 8px 14px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0073aa;
    border-radius: 4px;
}
.Pagination .current {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}
.faculty-button-prev::after,
.faculty-button-next::after {
    font-size: 34px;
    opacity: 1;
    color: var(--color-primary);
}

.Quota_Table table, 
.Quota_Table table th, 
.Quota_Table table td {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
}

.Quota_Table table th,
.Quota_Table table td {
  padding: 0.75rem;
  vertical-align: middle;
}

.Floating__Buttons {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.Float__Button {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    text-align: center;
    padding: 18px 14px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border-radius: 0 18px 18px 0;
}
.Float__Button:hover {
    color: white;
}

.Float__Button.Float__Button--Form {
  background-color: var(--color-primary);
  position: relative;
  bottom: -16px;
  z-index: 2;
}

.Float__Button.Float__Button--VirtualTour {
  background-color: var(--color-secondary);
}

.Float__Button i {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

.video-wrapper iframe {
    position: absolute;
    top: 80%;
    left: 50%;
                    scale: 1.4;
                    width: 1920px;
                    height: 1080px;
                    min-width: 100vw;
                    min-height: 100vh;
                    transform: translate(-50%, -50%);
                    pointer-events: none;
}


@media only screen and (max-width: 600px) {

    .Floating__Buttons {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.Float__Button {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    text-align: center;
    padding: 10px 8px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border-radius: 0 12px 12px 0;
    white-space: nowrap;
}
.Float__Button:hover {
    color: white;
}

.Float__Button.Float__Button--Form {
  background-color: var(--color-primary);
  position: relative;
  bottom: -16px;
  z-index: 2;
}

.Float__Button.Float__Button--VirtualTour {
  background-color: var(--color-secondary);
}

    .video-wrapper iframe {
        scale: 1 !important;
        top: 50% !important;
    }
    
    .Space.Space--64 {
        height: 32px;
    }
    .Header .navbar-collapse {
        position: absolute;
        top: 24px;
        width: 100%;
        z-index: 1000;
        background-color: var(--color-primary);
    }
        .Header .navbar-collapse ul {
            padding: 10px;
        }
    .Header .navbar-toggler:active, .Header .navbar-toggler:focus {
        outline: none;
        border: none;
    }

    /* Hero */
            .Hero .Hero__Content .Content__Heading {
                font-size: 28px;
                margin-bottom: 16px;
            }
            .Hero .Hero__Content .Content__Text {
                font-size: 14px;
                margin-bottom: 32px;
                line-height: 24px;
            }
                .heroSwiper .swiper-slide {
                    padding: 0 34px;
                }
                .Hero .Content__Buttons {
                    gap: 6px;
                }
                .Hero .Hero__Content .Content__Buttons .Buttons__Button {
                    font-size: 14px;
                    width: max-content;
                }
                .Hero .Hero__Content .Content__Buttons .Buttons__Button.Buttons__Blue {
                    margin-right: 8px;
                }

/* Section__Header */
.Section__Header {
    margin-bottom: 24px;
}
    .Section__Header .Header__Heading {
        font-size: 26px;
    }
    .Section__Header .Header__Text {
        font-size: 14px;
    }

/* AcademicStaff */
    .AcademicStaff .AcademicStaff__Card {
        height: 380px;
    }
        .AcademicStaff .AcademicStaff__Card .Card__Img {
            height: 224px !important;
        }
        .AcademicStaff .AcademicStaff__Card .Card__Body {
            padding: 16px;
        }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Title {
                font-size: 16px;
            }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Person__Title {
                margin-bottom: 2px;
                font-size: 14px;
            }
            .AcademicStaff .AcademicStaff__Card .Card__Body .Body__Text {
                margin-bottom: 8px;
            }

            /* Faculty */
                .Faculty .Slide__Card {
                    height: max-content !important;
                    width: 100%;
                }
                .Faculty .Slide__Card .row {
                    height: max-content !important;
                }
                .Faculty .Slide__Card .Col--Img {
                    height: max-content !important;
                }
                .Faculty .swiper-slide {
                    width: 100% !important;
                }
                    .Faculty .Slide__Card .Card__Img {
                        height: 280px !important;
                    }
                    .Faculty .Slide__Card .Card__Content {
                        padding: 24px 42px;
                        font-size: 14px;
                    }
                            .Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon {
                                width: 40px;
                                height: 40px;
                            }
                                .Faculty .Slide__Card .Card__Content .Content__Header .Header__Icon i {
                                    font-size: 22px;
                                    margin-bottom: -6px;
                                }
                            .Faculty .Slide__Card .Card__Content .Content__Header .Header__Heading {
                                font-size: 18px;
                            }
                        .Faculty .Slide__Card .Card__Content p {
                            font-size: 14px;
                            line-height: 20px;
                        }
                        .Faculty .Slide__Card .Card__Content .Content__Sections {
                            margin-bottom: 22px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__Heading {
                                font-size: 18px;
                                margin-bottom: 10px;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List {}
                                .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Icon {
                                    font-size: 18px;
                                }
                                .Faculty .Slide__Card .Card__Content .Content__Sections .Sections__List .List__Title {
                                    font-size: 14px;
                                }
                        .Faculty .Slide__Card .Card__Content .Content__Features {
                            margin-bottom: 32px;
                        }
                            .Faculty .Slide__Card .Card__Content .Content__Features .Features__Heading {
                                font-size: 20px;
                                margin-bottom: 16px;
                            }
                            .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes {}
                                .Faculty .Slide__Card .Card__Content .Content__Features .Features__Boxes .Boxes__Box {
                                    margin-bottom: 8px;
                                }
                            .Faculty .Slide__Card .Card__Content .Content__Buttons .Buttons__Button {
                                padding: 10px 18px;
                                font-size: 14px;
                                margin-right: 8px;
                            }

/* NewsAndEvents */
.NewsAndEvents {
    background-color: #fff;
    padding: 64px 0;
}
    .NewsAndEvents__Card {
        border-radius: 16px;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        box-shadow: var(--shadow-lg);
        margin-bottom: 32px;
        transition: 0.4s ease;
    }
    .NewsAndEvents__Card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
        .NewsAndEvents__Card .Card__Img {
            height: 192px;
            width: 100%;
            object-fit: cover;
        }
        .NewsAndEvents__Card .Card__Body {
            padding: 24px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }
            .NewsAndEvents__Card .Card__Body .Body__Title {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
            }
            .NewsAndEvents__Card .Card__Body .Body__Text {
                margin-bottom: 16px;
                line-height: 24px;
                color: #4B5563;
                font-size: 16px;
            }
            .NewsAndEvents__Card .Date__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .NewsAndEvents__Card .Card__Body .Body__Details {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: auto;
            }
                .NewsAndEvents__Card .Card__Body .Body__Details .Details__Text {
                    color: #6B7280;
                    font-size: 14px;
                }
                .NewsAndEvents__Card .Card__Body .Body__Details .Details__Link {
                    color: var(--color-primary);
                }

/* Faculty__Card */
.FacultyOpportunities__Card {
    border-radius: 16px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    transition: 0.4s ease;
    height: 100%;
}
.FacultyOpportunities__Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
    .FacultyOpportunities__Card .Card__Img {
        height: 192px;
        width: 100%;
        object-fit: cover;
    }
    .FacultyOpportunities__Card .Card__Body {
        padding: 24px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
        .FacultyOpportunities__Card .Card__Body .Body__Header {
            display: flex;
            align-items: center;
            gap: 10px;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon {
                width: 40px;
                height: 40px;
                background-color: var(--color-primary-light);
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
            }
                .FacultyOpportunities__Card .Card__Body .Body__Header .Header__Icon i {
                    color: var(--color-primary);
                    font-size: 18px;
                }
        .FacultyOpportunities__Card .Card__Body .Body__Title {
            margin-bottom: 8px;
            font-size: 20px;
            font-weight: 600;
            color: #1F2937;
        }
        .FacultyOpportunities__Card .Card__Body .Body__Text {
            margin-bottom: 16px;
            line-height: 24px;
            color: #4B5563;
            font-size: 16px;
        }
        .FacultyOpportunities__Card .Card__Body .Body__Info {
            margin: 0 0 16px;
            display: flex;
            gap: 8px;
            align-items: center;
            flex-wrap: wrap;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box {
                padding: 4px 8px;
                border-radius: var(--radius-full);
                font-size: 16px;
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Blue {
                background-color: var(--color-blue-light);
                color: var(--color-blue);
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Green {
                background-color: var(--color-green-light);
                color: var(--color-green);
            }
            .FacultyOpportunities__Card .Card__Body .Body__Info .Info__Box.Info__Box--Purple {
                background-color: var(--color-blue-purple);
                color: var(--color-purple);
            }
        .FacultyOpportunities__Card .Card__Body .Body__Details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: auto;
        }
            .FacultyOpportunities__Card .Card__Body .Body__Details .Details__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .FacultyOpportunities__Card .Card__Body .Body__Details .Details__Link {
                color: var(--color-primary);
            }

/* FacultyContact */
.FacultyContact {}
    .FacultyContact .FacultyContact__Card {
        background-color: #fff;
        box-shadow: var(--shadow-md);
        padding: 24px;
        border-radius: 16px;
        height: 380px;
    }
        .FacultyContact .FacultyContact__Card .Card__Header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
            .FacultyContact .FacultyContact__Card .Card__Header .Header__Icon {
                background-color: var(--color-blue-light);
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100%;
            }
                .FacultyContact .FacultyContact__Card .Card__Header .Header__Icon i {
                    font-size: 16px;
                    color: var(--color-primary);
                }
            .FacultyContact .FacultyContact__Card .Card__Header .Header__Heading {
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
                margin-bottom: 0;
            }
        .FacultyContact .FacultyContact__Card .Card__List {}
            .FacultyContact .FacultyContact__Card .Card__List .List__Item {
                display: flex;
                gap: 10px;
            }
                .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon {}
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Icon i {
                        font-size: 18px;
                        color: var(--color-primary);
                    }
                .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content {}
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Heading {
                        font-size: 16px;
                        color: var(--color-primary);
                        margin-bottom: 4px;
                        font-weight: 600;
                    }
                    .FacultyContact .FacultyContact__Card .Card__List .List__Item .Item__Content .Content__Text {
                        font-size: 14px;
                        color: #4B5563;
                    }

/* ContactSubscibe */
    .ContactSubscribe .ContactSubscribe__Box {
        height: 100%;
        padding: 32px;
        border-radius: 16px;
    }
        .ContactSubscribe .ContactSubscribe__Box .Box__Heading {}
        .ContactSubscribe .ContactSubscribe__Box .Box__Item {}
            .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon {
                width: 40px;
                height: 40px;
                background-color: var(--color-primary-light);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Icon i {
                    color: var(--color-primary);
                    font-size: 18px !important;
                }
            .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info {}
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Heading {}
                .ContactSubscribe .ContactSubscribe__Box .Box__Item .Item__Info .Info__Text {}
        .ContactSubscribe .ContactSubscribe__Box .Box__Social {
            margin-top: 20px;
        }
            .ContactSubscribe .ContactSubscribe__Box .Box__Social a {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--color-primary);
                width: 40px;
                height: 40px;
                border-radius: 100%;
            }
                .ContactSubscribe .ContactSubscribe__Box .Box__Social a i {
                    font-size: 16px;
                    color: #fff;
                }

/* FacultyChart */
.FacultyChart .tab-button.active {
    border-bottom: 2px solid #0d6efd;
    color: #0d6efd;
    font-weight: 600;
}
    .FacultyChart .FacultyChart__Card {
        border: none;
        border-radius: 16px;
        padding: 24px;
    }

/* About */
.About {
    margin-bottom: 48px;
}
    .About .About__Heading {
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 16px;
    }
    .About .About__Text {
        color: #4B5563;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 16px;
    }
    .About .About__Img {
        margin-top: 24px;
    }
        .About .About__Img img {
            height: 400px;
            border-radius: 20px;
            overflow: hidden;
            object-fit: cover;
            box-shadow: var(--shadow-lg);
        }

/* Buttons */
.Button {
    padding: 12px 23px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    border: 0;
}
.Button.Button--Blue {
    background-color: var(--color-primary);
    color: #fff;
}
.Button.Button--BlueOutline {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background-color: transparent;
}
.Button.Button--Gray {
    color: var(--color-gray);
    border: 1px solid var(--color-gray);
}
                            

input:focus {
    outline: none;
}
.custom-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}
.custom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}
.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}
input:checked + .slider {
    background-color: #1e3a8a;
}
input:checked + .slider:before {
    transform: translateX(24px);
}

/* NewsAndEvents */
.Events {}
    .Events__Card {
        height: 460px;
        border-radius: 16px;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        box-shadow: var(--shadow-lg);
        margin-bottom: 32px;
        transition: 0.4s ease;
        position: relative;
    }
    .Events__Card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
        .Events__Card .Card__Day {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #fff;
            width: 50px;
            height: 60px;
            border-radius: 8px;
            font-size: 12px;
            color: #4B5563;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }
            .Events__Card .Card__Day .Day__Number {
                font-size: 16px;
                font-weight: bold;
                color: var(--color-primary);
            }
        .Events__Card .Card__Img {
            height: 192px;
            width: 100%;
            object-fit: cover;
        }
        .Events__Card .Card__Body {
            padding: 24px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
            .Events__Card .Card__Body .Body__Title {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 600;
                color: #1F2937;
            }
            .Events__Card .Card__Body .Body__Text {
                margin-bottom: 16px;
                line-height: 24px;
                color: #4B5563;
                font-size: 16px;
            }
            .Events__Card .Date__Text {
                color: #6B7280;
                font-size: 14px;
            }
            .Events__Card .Card__Body .Body__Details {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: auto;
            }
                .Events__Card .Card__Body .Body__Details .Details__Text {
                    color: #6B7280;
                    font-size: 14px;
                }
                .Events__Card .Card__Body .Body__Details .Details__Link {
                    color: var(--color-primary);
                }

/* .DiningServices */
.DiningServices {}
    .DiningServices .DiningServices__Card {
        overflow: hidden;
    }
        .DiningServices .DiningServices__Card .Card__Img {}
        .DiningServices .DiningServices__Card .Body__Link {
            color: var(--color-primary);
            font-size: 14px;
            margin-top: 10px;
        }
    .DiningServices .DiningServices__Card--Big {
        overflow: hidden;
    }
        .DiningServices .DiningServices__Card--Big .Card__Img {}

.backdrop-blur {
  backdrop-filter: blur(6px);
  background-color: #ffffff34;
  min-height: 110px;
  border-radius: 16px !important;
}

/* Navigasyon düğmeleri (isteğe bağlı özelleştirme) */
.swiper-button-next,
.swiper-button-prev {
    color: white; /* İsteğe bağlı */
    z-index: 10;
}

/* Sayfalama noktaları */
.swiper-pagination-bullet {
    background: white;
    opacity: 0.7;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}

/* DepartmentFeatures */
.DepartmentFeatures {}
    .DepartmentFeatures .DepartmentFeatures__Card {
        border-radius: 16px;
        background-color: #F9FAFB;
        padding: 24px;
        box-shadow: var(--shadow-md);
    }
        .DepartmentFeatures .DepartmentFeatures__Card .Card__Icon {
            width: 56px; 
            height: 56px;
            background-color: rgb(222, 222, 222);
        }
            .DepartmentFeatures .DepartmentFeatures__Card .Card__Icon img {
                width: 24px;
                height: auto;
            }
    .DepartmentFeatures .DepartmentFeatures__Heading {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }
    .DepartmentFeatures .DepartmentFeatures__Text {
        color: #4B5563;
        font-size: 16px;
        line-height: 24px;
    }

.Departments__Card {
    box-shadow: var(--shadow-md);
    border-radius: 16px;
    overflow: hidden;
}
    .Departments__Card .Card__Img {
        height: 256px;
        object-fit: cover;
    }
    .Departments__Card .Card__Body {}
        .Departments__Card .Card__Body .Body__Title {
            font-size: 20px;
            color: #1F2937;
            font-weight: 600;
        }
        .Departments__Card .Card__Body .Body__Details {
            margin-top: 20px;
        }
            .Departments__Card .Card__Body .Body__Details .Details__Info {
                background-color: var(--color-primary-light);
                color: var(--color-primary);
                padding: 12px 16px;
                border-radius: 20px;
                font-size: 16px;
            }
            .Departments__Card .Card__Body .Body__Details .Details__Link {
                color: #333;
                font-size: 16px;
            }

.Pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.Pagination a, .Pagination span {
    padding: 8px 14px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0073aa;
    border-radius: 4px;
}
.Pagination .current {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}
.faculty-button-prev::after,
.faculty-button-next::after {
    font-size: 34px;
    opacity: 1;
    color: var(--color-primary);
}

.Quota_Table table, 
.Quota_Table table th, 
.Quota_Table table td {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
}

.Quota_Table table th,
.Quota_Table table td {
  padding: 0.75rem;
  vertical-align: middle;
}

.Nav {
    width: 100%;
}

.Body__Text .Text__Img {
    height: 240px !important;
}

.yemekhane_heading, .yemekhane_text {
    text-align: center;
}

.HealthServices img {
    height: 340px !important;
    object-fit: cover;
}

.PointsAndQuotas th {
    white-space: nowrap;
}
}