a.WhatsApp1 {    display: flex;    font-size: 18px;    background: #2eb843;    font-weight: 600;    width: 51px;    height: 51px;    position: fixed;    bottom: 20px;    left: 20px;    border-radius: 50%;    -webkit-transition: all 0.1s ease-out 0s;    -moz-transition: all 0.1s ease-out 0s;    -ms-transition: all 0.1s ease-out 0s;    -o-transition: all 0.1s ease-out 0s;    transition: all 0.1s ease-out 0s;    color: #fff;    align-items: center;    justify-content: center;    animation: whatsapp infinite 2s linear;    z-index: 9999;}a.WhatsApp1 svg {    width: 24px;    height: 24px;    fill: white;}@keyframes whatsapp {    0% {        box-shadow: 0 0 0 0 #2eb843;    }    50% {        box-shadow: 0 0 0 10px #015dc700;    }    100% {        box-shadow: 0 0 0 0 #015dc700;    }}.mobilbuttonlar {    display: none;}@media (max-width: 1024px) {    a.WhatsApp1 {        bottom: 60px;    }    .veli-yorumlari .heading-group .big-title {        font-size: 40px !important;    }    .btn {        border-radius: 0;        display: flex;        justify-content: center;        align-items: center;        padding: 10px 20px;        width: 100%;    }    .btn svg {        width: 24px;        height: 24px;        fill: white;    }    .mobilbuttonlar {        position: fixed;        width: 100%;        bottom: 0;        z-index: 999;        display: flex;    }    .btn1 {        background: #f8c929;        border-color: #f8c929;        color: #fff;        width: 100%;    }    .btn2 {        background: #e74c25;        border-color: #e74c25;        color: #fff;        width: 100%;    }    .btn3 {        background: #f8c929;        border-color: #f8c929;        color: #fff;        width: 100%;    }}/* Bu stil, sadece .hakkimizda div'i ve içindekileri etkiler */.hakkimizda {    background-color: #fdfdfd;    margin-top: 0px;    margin-bottom: 0px;    padding: 0px 30px 150px 30px;    box-sizing: border-box;}/* --- ANA KONTEYNER --- */.hakkimizda .about-section {    display: flex;    align-items: center;    justify-content: center;    gap: 20px;    max-width: 1200px;    width: 100%;    margin: auto;}.hakkimizda .about-section .description {    font-size: 17px;}/* --- SOL TARAF: RESİM SLIDER --- */.hakkimizda .image-carousel-container {    flex-shrink: 0;    width: 45%;    position: relative;}.hakkimizda .carousel-images-bg {    display: flex;    transition: transform 0.5s ease-in-out;    height: 380px;    position: relative;    overflow: hidden;    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTI4IDMzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDQzLjk0MSAzMy4yMWM0OSAuMTMyIDYzLTEuMjQ4IDc2IDExLjEzMiAxNS45MiAxNS4xNjEgMy45NTQgMzYuMjg0LTguNzExIDY4LjUyMmwtLjA5Ny40NzhjMC0yLjgxOC0uMTM1LTIuNTQ4LS40MDYuODA5LTIuMTA4IDUuNDA4LTQuMjI2IDExLjEyNi02LjIyOCAxNy4xNzhhNTA4LjkyOSA1MDguOTI5IDAgMCAxLTMuNTU5IDguMDk2Yy0zLjQ3IDcuNzIzLTEyLjI4MSAxMy42MTYtMjYuNDM0IDE3LjY3OWEyMi44NzcgMjIuODc3IDAgMCAwLTE2LjU2NSAyMS45ODkgMjEuNTUgMjEuNTUgMCAwIDAgMTUuNzMyIDIwLjc0OWM5LjkzNyAyLjc4NSAxNi4zNzUgNy45NjggMTkuMzE1IDE1LjU0OS4wODYuMjIuMTcuNDQ3LjI1Mi42NzcgMS42NiA1Mi45NTEgOC4yOSA5MC4wNDUtNi45MzYgOTQuNDI1LTQxLjMwMiAxMS44ODEtMjk0LjM2MyAyMi43OTQtNDA0Ljg2MyAxNy4zMzgtNDguNTgxLTIuNC03My4wNS01MC42ODYtODAuNDgtMTA4Ljg3LS4xMjUtMi43MTcuMDg3LTUuMjg1Ljk5Mi03LjYxOSAyLjk0LTcuNTggOS4zNzktMTIuNzYzIDE5LjMxNS0xNS41NDlBMjEuNTUgMjEuNTUgMCAwIDAgMzcgMTc1LjA0M2EyMi40MiAyMi40MiAwIDAgMC0xNi4zNC0yMS41OGMtMTMuMDUtMy42NzYtMTkuNTc2LTkuMzg1LTE5LjU3Ni0xNy4xMjYgMC0uODIzLS4wMS0xLjU5Ni0uMDI4LTIuMzIyQzYuNzEgODYuMTQ4IDIxLjIzMSA0Mi44MzEgNDAuOTQxIDIyLjc3MmM1NS43NTYtNTYuNzQ1IDMyNyAxMC40MzcgNDAzIDEwLjQzN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=);    mask: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTI4IDMzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDQzLjk0MSAzMy4yMWM0OSAuMTMyIDYzLTEuMjQ4IDc2IDExLjEzMiAxNS45MiAxNS4xNjEgMy45NTQgMzYuMjg0LTguNzExIDY4LjUyMmwtLjA5Ny40NzhjMC0yLjgxOC0uMTM1LTIuNTQ4LS40MDYuODA5LTIuMTA4IDUuNDA4LTQuMjI2IDExLjEyNi02LjIyOCAxNy4xNzhhNTA4LjkyOSA1MDguOTI5IDAgMCAxLTMuNTU5IDguMDk2Yy0zLjQ3IDcuNzIzLTEyLjI4MSAxMy42MTYtMjYuNDM0IDE3LjY3OWEyMi44NzcgMjIuODc3IDAgMCAwLTE2LjU2NSAyMS45ODkgMjEuNTUgMjEuNTUgMCAwIDAgMTUuNzMyIDIwLjc0OWM5LjkzNyAyLjc4NSAxNi4zNzUgNy45NjggMTkuMzE1IDE1LjU0OS4wODYuMjIuMTcuNDQ3LjI1Mi42NzcgMS42NiA1Mi45NTEgOC4yOSA5MC4wNDUtNi45MzYgOTQuNDI1LTQxLjMwMiAxMS44ODEtMjk0LjM2MyAyMi43OTQtNDA0Ljg2MyAxNy4zMzgtNDguNTgxLTIuNC03My4wNS01MC42ODYtODAuNDgtMTA4Ljg3LS4xMjUtMi43MTcuMDg3LTUuMjg1Ljk5Mi03LjYxOSAyLjk0LTcuNTggOS4zNzktMTIuNzYzIDE5LjMxNS0xNS41NDlBMjEuNTUgMjEuNTUgMCAwIDAgMzcgMTc1LjA0M2EyMi40MiAyMi40MiAwIDAgMC0xNi4zNC0yMS41OGMtMTMuMDUtMy42NzYtMTkuNTc2LTkuMzg1LTE5LjU3Ni0xNy4xMjYgMC0uODIzLS4wMS0xLjU5Ni0uMDI4LTIuMzIyQzYuNzEgODYuMTQ4IDIxLjIzMSA0Mi44MzEgNDAuOTQxIDIyLjc3MmM1NS43NTYtNTYuNzQ1IDMyNyAxMC40MzcgNDAzIDEwLjQzN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=);    -webkit-mask-repeat: no-repeat;    mask-repeat: no-repeat;    -webkit-mask-size: cover;    mask-size: cover;}.hakkimizda .carousel-images {    display: flex;    height: 100%;    transition: transform 0.5s ease-in-out;}.hakkimizda .carousel-images img {    width: 100%;    height: 100%;    object-fit: cover;    flex-shrink: 0;}.hakkimizda .carousel-btn {    position: absolute;    top: 50%;    transform: translateY(-50%);    border: none;    border-radius: 50%;    width: 40px;    height: 40px;    font-size: 24px;    font-weight: bold;    cursor: pointer;    display: flex;    justify-content: center;    align-items: center;    color: #333;    transition: background-color 0.3s;    z-index: 10;    margin-top: 12px;    background: transparent;}.hakkimizda .carousel-btn svg {    fill: var(--renk2);    width: 26px;    height: 26px;}.hakkimizda .carousel-btn svg path {    stroke-width: 3px !important;    stroke: var(--renk2);    fill: none;}.hakkimizda .carousel-btn:hover {    fill: var(--renk3);}.hakkimizda .prev-btn {    left: 0px;}.hakkimizda .next-btn {    right: 32px;    margin-top: 16px;}/* --- SAĞ TARAF: İÇERİK --- */.hakkimizda .content-container {    width: 55%;    padding-left: 20px;}/* --- ESKİ CSS'İ BU YENİSİYLE DEĞİŞTİRİN --- *//* Özellikler Listesi - İKONLU YAPI */.hakkimizda .features-list {    list-style: none;    padding: 0;    margin: 0 0 30px 0;}.hakkimizda .features-list li {    display: flex;    align-items: center;    margin-bottom: 12px;}.hakkimizda .features-list li a {    text-decoration: none;    color: var(--renk1);    display: flex;    align-items: center;}.hakkimizda .features-list .icon {    display: inline-flex;    justify-content: center;    align-items: center;    flex-shrink: 0;    width: 30px;    height: 30px;    margin-right: 15px;    background-color: var(--renk4);    border-radius: 50%;}.hakkimizda .features-list li a:hover {    color: var(--renk4);}.hakkimizda .features-list .icon svg {    width: 18px;    height: 18px;    fill: white;}.hakkimizda .zurafa {    width: auto;    height: 220px;}.position-relative {    position: relative;}.hakkimizda .svg1 {    width: auto;    height: 120px;    position: absolute;    right: 0px;    bottom: 0px;}.hakkimizda .features-list .text {    font-size: 1.1rem;    font-weight: 700;}.hakkimizda .illustration-area {    display: flex;    align-items: center;    gap: 20px;}.hakkimizda .illustration-img {    width: 150px;    height: auto;}/*news*/.news {    width: 100%;    height: auto;    position: relative;    overflow: hidden;    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;    margin-top: 60px;    margin-bottom: 0px;    background: #f4f1ea;    padding-top: 100px;}.news .heading-group {    width: 100%;    height: auto;    position: relative;    z-index: 9;}.elementor-motion-effects-layer {    background-image: url("https://skole.vamtam.com/wp-content/uploads/2019/11/illustration-mountain.svg");    background-position: bottom left;    background-repeat: no-repeat;    background-size: auto;    width: 100%;    left: 0px;    position: absolute;    top: 0px;    height: 100%;}.news .news-ic {    position: relative;    padding: 35px 30px 110px 30px;    z-index: 9;}.news .newsicon {    position: absolute;    bottom: 0px;    right: -50px;    height: 140px;}.news a.news-item {    background: #f4f1ea;    display: block;    width: 100%;    height: auto;    position: relative;}.news a.news-item .news-resim {    display: block;    height: 235px;    width: 100%;    position: relative;    overflow: hidden;    border-radius: 5px;}.news a.news-item .news-resim img {    height: 100%;    width: 100%;    object-fit: cover;    transition: filter 0.3s;    object-position: center;}.news a.news-item:hover .news-resim img {    filter: brightness(115%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);}.news a.news-item .news-title {    color: var(--color1);    font-size: 25px;    font-weight: 700;    line-height: 1.2;    margin-top: 20px;    margin-bottom: 20px;}.news a.news-item .vamtam-shape {    background-image: url('data:image/svg+xml,<svg fill="%23f4f1ea" width="100" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C11.848.948 22.762 5.655 31.096 14.02c4.504 5.062 11.657 7.96 18.46 7.96a23.801 23.801 0 0 0 17.79-7.96C75.696 5.695 88.167 1 100 1v24.987H0V1z"/></svg>');    position: absolute;    background-repeat: repeat-x;    left: 0;    bottom: 0;    width: 100%;    height: 26px;    z-index: 1000;}.news a.news-item:hover .news-title {    color: var(--renk2);}.news .elementor-shape {    direction: ltr;    left: 0;    line-height: 0;    overflow: hidden;    position: absolute;    width: 100%;}.news .elementor-shape-top {    top: -1px;    bottom: auto;}.news .elementor-shape-bottom {    bottom: -1px;    transform: rotate(180deg);}.news .elementor-shape .elementor-shape-fill {    fill: #fff;    transform: rotateY(0deg);    transform-origin: center;}.news .elementor-shape svg {    height: 29px;    display: block;    left: 50%;    position: relative;    transform: translateX(-50%);    width: calc(100% + 1.3px);}.text-center {    text-align: center;}/* --- BÖLÜMÜN ANA STİLLERİ --- */.happy {    padding: 100px 0px 150px;    width: 100%;}.happy .heading-group {    margin-bottom: 0px;}.veli-yorumlari {    padding: 140px 20px 40px;    overflow: hidden;    position: relative;}.veli-yorumlari .container {    display: flex;    gap: 50px;    margin: auto;    position: relative;    z-index: 2;}/* --- DEKORATİF ELEMANLAR --- */.veli-yorumlari .deco-happy {    position: absolute;    top: -60px;    left: 50%;    transform: translateX(-50%);    width: 400px;    z-index: 1;    color: #0d4a52;    opacity: 0.8;}.veli-yorumlari .deco-illustration {    position: absolute;    right: 0;    bottom: 0;    width: 280px;    z-index: 1;}/* --- SOL TARAF: TV SLIDER --- */.content-right {    width: 180px;    position: absolute;    right: -40px;    display: flex;    align-items: center;    justify-content: center;    height: 290px;    bottom: -50px;}.content-right img {    width: 100%;    height: auto;}.tv-wrapper {    position: relative;    width: 37%;    margin: -1% 0% -1% 0%;    border-style: solid;    border-width: 20px 20px 20px 20px;    border-color: var(--vamtam-accent-color-3);    border-radius: 36px 36px 36px 36px;}.tv-wrapper .tv-ust,.tv-wrapper .tv-alt {    width: 100%;    text-align: center;    position: absolute;}.tv-wrapper .tv-ust {    top: -146px;}.tv-wrapper .tv-alt {    bottom: -78px;}.tv-screen {    width: 100%;    height: 340px;    overflow: hidden;    position: relative;}.veli-yorumlari .slider-track {    display: flex;    height: 100%;    transition: transform 0.5s ease-in-out;}.veli-yorumlari .tv-item {    flex: 0 0 100%;    height: 100%;    background-size: cover;    background-position: center;    position: relative;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    padding: 25px;    box-sizing: border-box;    color: white;    text-align: center;}/* Önceki .slide-1, .slide-2 gibi kurallar kaldırıldı */.veli-yorumlari .tv-item::before {    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgb(0 0 0 / 21%) 50% );}.veli-yorumlari .slide-content {    position: relative;    z-index: 2;}.veli-yorumlari .slide-name {    font-size: 1.2rem;    font-weight: 700;    margin: 0 0 10px 0;}.veli-yorumlari .watch-btn {    background-color: #fff;    color: #e87a5d;    border: 2px solid #fff;    padding: 8px 20px;    border-radius: 6px;    font-weight: 500;    cursor: pointer;    text-decoration: none;    display: inline-block;    transition: all 0.3s ease;    font-family: var(--font2);}.veli-yorumlari .watch-btn:hover {    background-color: transparent;    color: #fff;}.veli-yorumlari .slider-nav {    position: absolute;    top: 50%;    left: 15px;    right: 15px;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    z-index: 10;}.veli-yorumlari .happy-slider-arrow {    background: rgba(255, 255, 255, 0.2);    border: 1px solid rgba(255, 255, 255, 0.4);    color: white;    width: 30px;    height: 30px;    border-radius: 50%;    cursor: pointer;    display: flex;    justify-content: center;    align-items: center;    font-size: 18px;    transition: background-color 0.3s ease;}.veli-yorumlari .happy-slider-arrow:hover {    background: rgba(255, 255, 255, 0.4);}.gul-menu {    width: 100%;    padding: 0px;    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 15px;}.gul-menu li {    list-style: none;    margin-bottom: 0px;    /* Liste elemanları arasına boşluk */}/* --- Menü Elemanları (Kartlar) --- */.gul-menu li a {    display: flex;    align-items: center;    padding: 20px;    background-color: var(--card-background);    border-radius: 12px;    /* Kenarları yuvarlat */    text-decoration: none;    /* Link alt çizgisini kaldır */    color: var(--text-color);    box-shadow: 0 4px 15px var(--shadow-color);    /* Hafif gölge */    transition: all 0.3s ease;    /* Animasyonlar için yumuşak geçiş */}/* --- İkon Stilleri --- */.gul-menu li a .icon {    width: 50px;    height: 50px;    min-width: 50px;    /* Daralmasını engellemek için */    border-radius: 50%;    /* Daire şekli */    background-color: #f8c929;    display: flex;    justify-content: center;    align-items: center;    margin-right: 20px;    /* İkon ve yazı arasına boşluk */    transition: all 0.3s ease;}.gul-menu li a .icon svg {    width: 25px;    height: 25px;    fill: var(--renk1);    transition: color 0.3s ease;}.gul-menu li a:hover .icon svg {    fill: #fff;}/* --- Yazı Stilleri --- */.gul-menu li a span {    font-size: 16px;    font-weight: 500;}.gul-menu li a small {    display: block;}/* --- Hover (Fare Üzerine Gelince) Efekti --- */.gul-menu li a:hover {    transform: translateY(-5px);    /* Kartı yukarı kaldır */    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);    /* Gölgeyi belirginleştir */}.gul-menu li a:hover .icon {    background-color: #e74c25;    /* İkon arka planını ana renge çevir */}.gul-menu li a:hover .icon i {    color: #ffffff;    /* İkon rengini beyaza çevir */}/* --- SAĞ TARAF: İÇERİK --- */.veli-yorumlari .content-area {    width: 51%;    padding-left: 0;    display: block;    align-items: center;    position: relative;    z-index: 9;}.veli-yorumlari .heading-group .big-title {    padding: 0;    font-size: 66px;    margin-bottom: 20px;}.veli-yorumlari .main-heading {    font-size: 2.5rem;    font-weight: 700;    line-height: 1.3;    margin: 0 0 0px 0;}.veli-yorumlari .main-heading2 {    font-size: 1.5rem;    font-weight: 500;    line-height: 1.3;    margin: 0 0 20px 0;}.veli-yorumlari .main-description {    font-size: 1rem;    color: #555;    line-height: 1.6;    margin-bottom: 30px;}.veli-yorumlari .all-testimonials-btn {    display: inline-block;    padding: 10px 25px;    border: 2px solid var(--renk2);    border-radius: 8px;    color: var(--renk2);    text-decoration: none;    font-weight: 700;    transition: all 0.3s ease;}.veli-yorumlari .all-testimonials-btn:hover {    background-color: var(--renk2);    color: white;}/**//* --- RESPONSIVE TASARIM --- */@media (max-width: 992px) {    .veli-yorumlari .container {        flex-direction: column;        gap: 10px;    }    .veli-yorumlari .tv-wrapper, .veli-yorumlari .content-area {        width: 100%;        max-width: 500px;    }    .veli-yorumlari .content-area {        padding-left: 0;        text-align: center;    }    .veli-yorumlari .deco-illustration {        display: none;    }    .veli-yorumlari .main-heading {        font-size: 2rem;    }}.ilkanimasyon-kapsa {    position: relative;    width: 100%;    height: auto;}.ilkanimasyon-kapsa .baloncuk {    position: absolute;    /* z-index değerini düşürdük (ama slider arkaplanının üstünde kalsın diye 5 yaptık) */    z-index: 99;    display: flex;    justify-content: center;    top: 160px;    will-change: transform;    transition: transform 0.1s linear;    pointer-events: none;    transform: translateX(-50%);    left: 50%;}.ilkanimasyon-kapsa .baloncuk img {    max-width: 700px;}.slider-btn,.slider-sosyal {    z-index: 999;    /* Baloncuktan (5) çok daha yüksek bir değer verdik */    cursor: pointer;}/* Eğer sosyal medya ikonları link ise (a etiketi) pointer-events'i açmak gerekebilir */.slider-sosyal a {    pointer-events: auto;}/* =========================================   RESPONSIVE (MOBİL & TABLET) DÜZENLEMELERİ   ========================================= *//* --- 1. Tablet ve Küçük Laptoplar (Max 1200px) --- */@media (max-width: 1200px) {    /* Başlıklar çok büyük, biraz küçültelim */ .heading-group .big-title {        font-size: 150px;        padding-left: 50px;    }    .heading-group .small-title {        font-size: 90px;        padding-left: 50px;    }    .heading-group .slogan {        padding-right: 50px;        font-size: 36px;    }    /* Hakkımızda Slider Yüksekliği */    .hakkimizda .carousel-images-bg {        height: 300px;    }}/* --- 2. Tablet Dikey ve Geniş Telefonlar (Max 991px) --- */@media (max-width: 991px) {    .happy {        padding-top: 0px !important;        padding-bottom: 20px;    }    /* Genel Padding Ayarı */    .hakkimizda, .program, .news {        padding-top: 60px !important;        padding-bottom: 0px !important;    }    /* Hakkımızda Bölümü: Yan yana duranları alt alta al */    .hakkimizda .about-section {        flex-direction: column;        gap: 40px;    }    .hakkimizda .image-carousel-container, .hakkimizda .content-container {        width: 100%;        padding-left: 0;    }    /* Slider Mobilde tam genişlik olsun */    .hakkimizda .carousel-images-bg {        height: 350px;        /* Mobilde görsel daha belirgin olsun */    }    /* Program Grid Yapısı: 5'ten 2'ye düşür */    .program .program-ic {        grid-template-columns: repeat(2, 1fr);        gap: 20px;    }    /* Veli Yorumları (Happy) */    .veli-yorumlari .container {        flex-direction: column;        align-items: center;    }    .veli-yorumlari .tv-wrapper {        width: 100%;        max-width: 600px;        /* Çok genişlememesi için */        margin: 0 auto 40px auto;    }    .veli-yorumlari .content-area {        width: 100%;        text-align: center;        display: block;    }    /* Kayıt Bölümü (Kutular alt alta) */    .kayit-ic {        flex-direction: column;        gap: 30px;    }    .kayit-liste {        width: 100%;        height: auto;        /* Sabit yükseklik yerine içeriğe göre */        min-height: 300px;    }    .kayit-liste.orta {        height: auto;        min-height: 350px;        transform: scale(1);        /* Ortadaki büyümeyi iptal et */    }    /* Baloncuk Animasyonu */    .ilkanimasyon-kapsa .baloncuk {        top: 50px;    }    .ilkanimasyon-kapsa .baloncuk img {        max-width: 90%;        /* Mobilde taşmasın */        height: auto;    }    .veli-yorumlari {        padding: 60px 20px 50px;    }}/* --- 3. Mobil Telefonlar (Max 767px) --- */@media (max-width: 767px) {    /* Başlıkları Ciddi Oranda Küçült */ .heading-group .big-title {        font-size: 80px;        padding-left: 0;        text-align: center;    }    .heading-group .small-title {        font-size: 50px;        padding-left: 0;        text-align: center;    }    .heading-group .slogan, .heading-group .slogan2, .heading-group .slogan3 {        font-size: 28px;        padding: 20px 0;        text-align: center;    }    .heading-group .description, .heading-group .description2 {        text-align: center;        margin-left: auto;        margin-right: auto;    }    .heading-group .heading-group-alt {        margin-right: 0;    }    /* Program Grid Yapısı: 2'den 1'e düşür (Tek sütun) */    .program .program-ic {        grid-template-columns: 1fr;    }    /* Zürafa görselini mobilde gizle veya arkaya al */    .program-zurefa {        opacity: 0.15;        /* Yazıların okunması için silikleştir */        width: 80%;    }    /* Veli Yorumları Menüsü (Gül Menü) */    .gul-menu {        grid-template-columns: 1fr;        /* Tek sütun */    }    .content-right {        display: none;        /* Mobilde yan görseli gizle, yer kaplamasın */    }    /* Butonlar */    /* WhatsApp Butonu */    a.WhatsApp1 {        width: 45px;        height: 45px;        bottom: 70px;        /* Mobil alt menü varsa üstüne çıkması için */        left: 15px;    }}/* --- 4. Çok Küçük Ekranlar (Max 480px) --- */@media (max-width: 480px) {    .hakkimizda .carousel-images-bg {        height: 250px;    }    .program-item-mask, .program-resim-mask {        -webkit-mask: none;        mask: none;        border-radius: 15px;        /* Maske kalkarsa kenarları yumuşat */    }    /* TV çerçevesi mobilde çok kalın durabilir, inceltelim */    .veli-yorumlari .tv-wrapper {        border-width: 10px;        border-radius: 20px;    }    .tv-ust, .tv-alt {        display: none;        /* TV anteni ve ayakları çok yer kaplarsa gizle */    }    /* Yazı boyutlarını okunaklı hale getir */    .kayit-liste h3 {        font-size: 22px;    }    .kayit-liste p {        font-size: 16px;    }}/**/.egitim-dongusu-wrapper {    position: relative;    width: 100%;    max-width: 650px;    height: 590px;    margin: 0 auto;    display: flex;    justify-content: center;    align-items: center;}/* MERKEZDEKİ RESİM ALANI */.merkez-gorsel {    position: absolute;    width: 160px;    height: auto;    z-index: 1;    top: 49%;    left: 50%;    transform: translate(-50%, -40%);    /* Hafif yukarı hizalama */    text-align: center;}.merkez-gorsel img {    width: 100%;    height: auto;    /* NOT: Kendi resminizi eklediğinizde burası tam görünecektir */    display: block;}/* İKON VE METİN KUTULARI (GENEL) */.ozellik-kutu {    position: absolute;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    width: 140px;    text-align: center;    z-index: 2;}.ozellik-kutu svg {    width: 40px;    height: 40px;    overflow: inherit;    fill: #fff;}.ikon-daire {    width: 100px;    height: 100px;    border-radius: 50% 55% 50% 45%;    /* Görseldeki gibi hafif yamuk organik daire */    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 10px;    color: #fff;    font-size: 36px;    box-shadow: 0 4px 6px rgba(0,0,0,0.1);    transition: transform 0.3s ease;    mask: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEzIDExMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTYuNSAxMTIuNzk2YzI0Ljg3My0yLjM4NyAyNC44NzMtNS4zNzEgNDAuODU1LTIwLjg4OEMxMDYuMzQgODMuMTgzIDExMyA2OS44OSAxMTMgNTYuMzk4YzAtMS4wMDIgMC0xNy45MDQtMTIuMDQ5LTI5Ljk0NUM4Ny44MjIgMTMuMzMzIDc2LjQ2NiAwIDU2LjUgMCAzOS41MDUgMCAyNy44ODMgNS43MiAxNy41MjUgMTcuNTczIDguODY1IDI3LjQ4MyAwIDQyLjIxNCAwIDU2LjM5OCAwIDY4LjAwNSAxLjQ5OCA3OS4zODMgNy41MiA4OC4zNWMxMC4xMzkgMTUuMDk4IDI5LjQ5NiAyNi4zMTYgNDguOTggMjQuNDQ2eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);}.ozellik-kutu:hover .ikon-daire {    transform: scale(1.1);}/* METİN TASARIMI */.ozellik-baslik {    color: #00334e;    /* Koyu lacivert tonu */    line-height: 1.2;    font-family: var(--font2);    font-size: 20px;    font-weight: 500;}.pos-1 {    top: 0;    left: 50%;    transform: translateX(-50%);}.pos-1 .ikon-daire {    background-color: black;    /* border-radius: 50%; */    /* border: solid 4px #000000; */    /* mask: none; */    overflow: hidden;}.pos-2 {    top: 15%;    right: 5%;}.pos-2 .ikon-daire {    background-color: #3498db;    border-radius: 55% 45% 50% 50%;}.pos-3 {    bottom: 15%;    right: 5%;}.pos-3 .ikon-daire {    background-color: #457f7b;    border-radius: 50% 50% 45% 55%;}.pos-4 {    bottom: 0;    left: 50%;    transform: translateX(-50%);}.pos-4 .ikon-daire {    background-color: #7cb342;    border-radius: 45% 55% 50% 50%;}.pos-5 {    bottom: 15%;    left: 5%;}.pos-5 .ikon-daire {    background-color: #9b59b6;    border-radius: 52% 48% 55% 45%;}.pos-6 {    top: 15%;    left: 5%;}.pos-6 .ikon-daire {    background-color: #f39c12;    border-radius: 50% 50% 60% 40%;}.cizgici {    position: relative;}.cizgici:before {    content: '';    position: absolute;    left: 0;    bottom: 0;    width: 100%;    height: 2px;    background-color: white;}@media screen and (max-width: 768px) {    .egitim-dongusu-wrapper {        flex-direction: column;        height: auto;        max-width: 100%;        padding: 20px 0;    }    .merkez-gorsel {        position: relative;        transform: none;        top: auto;        left: auto;        margin-bottom: 30px;        width: 180px;    }    .ozellik-kutu {        position: relative;        top: auto !important;        left: auto !important;        right: auto !important;        bottom: auto !important;        transform: none !important;        width: 45%;        /* Yan yana iki tane sığsın diye */        margin-bottom: 30px;        display: inline-flex;        text-align: left;        align-items: baseline;    }    .egitim-dongusu-wrapper {        display: flex;        flex-direction: row;        flex-wrap: wrap;        justify-content: space-around;        align-items: flex-start;    }    .merkez-gorsel {        width: 100%;        display: none;        justify-content: center;        order: -1;        /* En başa git */    }}