/* Colors */
:root {
    --renk1: #2e4582;
}


body {
    font-family: "Roboto", sans-serif;
    color: #787878;
    font-size: 16px;
    font-weight: 400;
 
    line-height: 26px;
}


.c1 {
}


.c2 {
    float: right;
    background-color: rgb(255 255 255) !important;
}

    .c2 .dropdown-toggle {
        color: #212121 !important;
        font-weight: 500;
        background: white;
        letter-spacing: 1px;
    }


.c3 {
    float: right;
    /* background-color: #2e4582; */
    width: 100%;
    text-align: right;
}

    .c3 a {
        padding: 5px 9px;
        color: #454545;
        /* font-weight: 700; */
        background-color: #2e4582;
        color: #fff;
        display: inline-block;
        margin: 0px;
        margin-right: -2px;
    }

.c3a {
    background-color: #fff !important;
    color: #454545 !important;
    font-size: 15px;
}

.c3b {
}

.c4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .c4 img {
    }

.c5 {
    text-align: center;
}

    .c5 a {
        color: #454545;
        padding: 10px;
    }

    .c5 i {
        padding: 20px;
        border: 1px solid #cdcdcd;
        border-radius: 50px;
        height: 63px;
        width: 63px;
        font-size: 23px;
    }

.c6 {
}

.c7 {
}

    .c7 h2 {
        font-size: 33px;
    }

    .c7 h4 {
        text-decoration: underline;
    }

    .c7 strong {
        font-size: 37px;
        color: var(--renk1)
    }

    .c7 p {
        line-height: 25px;
    }

.c8 {
    background: url(/upload/surdurulebilirlik_bg.png) no-repeat;
    height: 660px;
    width: 100%;
    visibility: visible;
    /*animation-duration: 3s;
    animation-delay: 1s;
    animation-name: fadeOut;*/
    text-align: center;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    position: relative;
}

    .c8 h2 {
        color: rgb(255, 255, 255);
        font-weight: 700;
    }

    .c8 h4 {
        color: rgb(255, 255, 255);
        font-size: 17px;
        margin-top: 10px;
        max-width: 900px;
    }

    .c8 li {
        display: inline-block;
    }

    .c8 a {
        color: #fff;
        font-size: 15px;
        margin-right: 20px;
    }

    .c8 i {
        display: inline-block;
        margin-right: 3px;
    }

.c9 {
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: left;
}

    .c9 p {
        line-height: 35px;
        color: #fff;
        max-width: 900px;
    }
    .c10 {
    padding-top: 82px;
}

    .c10 .item {
        height: 100vh;
    }

.c11 {
    max-width: 135px;
    position: absolute;
    top: 14px;
    transition: .5s all;
}

.c12 {
    float: right;
    width: 100%
}

.topbar {
    padding: 2px 10px 2px 20px;
    background: #0e4289 !important;
    width: 23%;
    float: right;
    /* clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%); */
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 11% 23%);
}

/*.c13 {
    position: absolute;
    bottom: 50px;*/ /* alttan 50px boşluk */
/*left: 50%;*/ /* yatayda ortala */
/*transform: translateX(-50%) !important;
    max-width: 900px;
    color: #fff;
    text-align: center;*/ /* içerik ortalansın */
/*z-index: 2;*/ /* gradientin üstünde kalsın */
/*}*/



.c13 h1 {
    font-size: 49px;
    font-weight: 700;
    text-shadow: 0px 4px 2px 0px 4px 2px #0000004f;
}

.c13 p {
    font-size: 15px;
    text-shadow: 3px 4px 4px #4545454a;
    font-weight: 600;
}

.c13 a {
    background-color: #1d2f4d;
    border-radius: 5px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
}

.c14 {
    display: inline-block;
}

    .c14 a {
    }

    .c14 img {
        max-width: 24px;
    }

.c15 {
}

    .c15 li {
        display: block;
        padding: 3px 0px;
        font-size: 14px;
    }

    .c15 i {
        display: inline-block;
        padding-right: 4px;
        color: #c9c9c9;
        min-width:21px;
    }

    .c15 a {
    }

.c16 {
}

.c17 {
    height: 530px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    overflow: hidden;
}



.c18 {
    position: absolute;
    width: 100%;
    bottom: -115px;
    left: 0px;
    padding: 15px;
    transition: .5s all;
}

.c17:hover .c18 {
    bottom: 0px;
    background-color: #080808a8;
}

.c18 h3 {
    color: #fff;
    font-weight: 600;
}

.c18 p {
    color: #fff;
    height: 115px;
}

.c18 a {
    min-width: 160px;
    background-color: #004b85;
    border: 1px solid #004b85;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 9px 30px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease;
    z-index: 1;
    display: inline-block;
}

    .c18 a:hover {
        color: #004b85;
        background-color: #fff;
    }

/*    .c18:hover:after {
        top: 0;
        height: 100%;
    }

    .c18:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: #fff;
        transition: all .3s ease;
    }*/


.c19 {
    background-color: #1d2f4d;
    color: #fff;
}

    .c19 p {
        color: #fff !important;
        line-height: 25px !important;
    }

    .c19 a {
        color: #fff !important;
    }

.c20 {
    background-color: #ffffffc2;
    height: 90px;
}

.c21 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #4545459e;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 0 0 BLACK;
    font-size: 16px;
    transition: all 0.3s linear;
}

    .c21 b {
    }

.c22 {
    background-position: center center;
    height: 400px;
    /* transition: all 0.5s linear;*/
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    transition: transform .5s; /* Animation */
}

    .c22:hover {
        /*   background-size: 130%;*/
        /*        height: 415px;*/
        /*    background-position: center 5px;*/
        transform: scale(1.05); /* 150% zoom */
    }

        .c22:hover .c21 {
            bottom: 10px;
            background: #15345efb;
        }

#owl-projeler {
    margin-top: 0px !important;
}

filtre1 {
    display: flex;
    justify-content: center;
}

.filtre1 ul {
}

.filtre1 li {
    display: inline-block;
}

.filtre1 a {
    color: #497691;
    background-color: #eaf2f7;
    display: inline-block;
    padding: 0.7em 2em;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.5s;
}

    .filtre1 a:hover, .filtre1 .active {
        color: #fff;
        background-color: #20314f;
    }

.filtre1 a {
    color: #497691;
}


.filtre1_alanb {
    margin-bottom: 30px;
}

    .filtre1_alanb img {
    }

    .filtre1_alanb b {
        color: #505a61;
        font-size: 27px;
        padding: 15px;
        font-weight: 700;
        display: block;
    }

    .filtre1_alanb p {
        color: #808b90;
        line-height: 25px;
        font-size: 16px;
    }





/* Kahraman alan (500px masaüstü / 220px mobil) */
.c29 {
    height: 500px;
}

/* Mobilde yükseklik */
@media only screen and (max-width: 768px) {
    .c29 {
        height: 220px;
    }
}

/* Parallax kapsayıcı */
.parallax-hero {
    position: relative;
    overflow: hidden; /* taşmaları gizle */
    display: flex;
    align-items: flex-end; /* içerik alt hizalı */
    margin-top: 0;
}

    /* İçerik boşlukları kontrollü olsun (alt “boşluk” hissini engeller) */
    .parallax-hero .c27 {
        padding: 20px 12px;
    }

    .parallax-hero h1,
    .parallax-hero p,
    .parallax-hero .breadcrumb {
        margin-bottom: 0;
    }

    .parallax-hero .breadcrumb {
        padding: 0;
    }

    /* Parallax arka plan katmanı */
    .parallax-hero .parallax-bg {
        position: absolute;
        inset: 15% 0 -17% 0;
        background-repeat: no-repeat;
        background-position: center top; /* sen “özgün üst hizalı” istemiştin */
        background-size: cover; /* parallax sırasında taşmayı düzgün yönetir */
        will-change: transform;
        transform: translateY(var(--py, 0));
    }

    /* Overlay (varsa) üstte kalsın */
    .parallax-hero .c26 {
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

/* Erişilebilirlik: “hareketi azalt” tercihinde parallax kapansın */
@media (prefers-reduced-motion: reduce) {
    .parallax-hero .parallax-bg {
        transform: none !important;
    }
}

/* Mobilde parallax kapalı, görüntü sabit (performans & iOS uyumu) */
@media only screen and (max-width: 768px) {
    .parallax-hero .parallax-bg {
        inset: 0;
        background-position: center center;
        transform: none !important;
    }
}

.c23 h1 {
    background-color: #1d2f4dfc;
    padding: 10px 15px;
    display: inline-block;
}

.c23 h1,
.c23 p,
.c23 .breadcrumb {
    margin-bottom: 0;
}

.c23 .breadcrumb {
    padding: 0;
}

/* iOS/Safari için fixed yerine scroll */
@supports (-webkit-touch-callout: none) {
    .c23 {
        background-attachment: scroll;
    }
}

/* Mobil uyum: 768px altı */
@media only screen and (max-width: 768px) {
    .c29 {
        height: 220px; /* senin verdiğin ölçü */
        min-height: 220px;
    }
}

.c25 {
    position: absolute;
    background-color: #00000070;
    height: 100vh;
    z-index: 1;
    width: 100%;
}

.c26 {
    position: absolute;
    background-color: #00000038;
    height: 100vh;
    z-index: 1;
    width: 100%;
    display: none !important
}

.c27 {
    z-index: 100;
/*    position: absolute;
    left: 0px;
    bottom: 0px;*/
}

    .c27 li {
        font-size: 17px;
    }

        .c27 li:after {
            content: ' > ';
            display: inline-block;
            padding: 0px 7px;
        }

    .c27 .breadcrumb {
        display: none
    }



    .c27 a {
        color: #fff;
        font-weight: 700;
    }

    .c27 .active {
    }

        .c27 .active:after {
            content: '';
        }

.c28 {
    padding-top: 150px;
    padding-bottom: 150px;
    line-height: 28px;
    text-align: justify;
}

    .c28 p {
        line-height: 28px;
        font-size: 17px;
    }
    .c28 li {
        list-style: disc;
        margin-left: 20px;
    }


    .c28 h2 {
        padding-bottom: 10px;
    }

    .c28 img {
    }

.c29 {
    /*    height: 500px;*/
    position: relative;
}

.c30 {
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 33px;
    color: #fff;
    z-index: 1000;
    text-align: center;
    max-width: 900px;
    font-weight: 600;
    text-shadow: 1px 0px 0px #454545;
    transition: all 1.2s linear;
}

.c30b {
    left: 5%;
    transform: translate(-5%, -50%);
    /*   bottom: 3%;*/
    text-align: left;
    font-size: 29px;
}

.c30c {
    top: 90%;
    font-size: 25px;
}

.c31 {
    overflow: hidden;
}

    .c31 a {
    }

    .c31 img {
        filter: grayscale(50%);
        transition: 0.5s all;
    }

    .c31 a:hover img {
        filter: grayscale(0%);
        transform: scale(1.05); /* 150% zoom */
    }

.dropdown:hover > .dropdown-menu {
    display: block !important;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
    left: 100%;
    margin-top: -37px;
}

.dropdown-item {
    font-size: small; /* 13px */
}

.dropdown-toggle::after {
    font-size: var(--font-md);
    margin-bottom: -2px;
}

.dropdown-menu a.active {
    color: #fff;
}

.custom-toggle-arrow {
    font-size: 18px;
    margin-top: 1px;
    line-height: 12px;
}

.c31 {
    transition: background-size 0.3s linear;
}

.c32:hover {
    background-size: 105%;
}

.c32 {
    text-align: left;
    font-size: 27px;
    color: #454545;
    font-weight: 500;
    border-left: 5px solid #1d3655;
    padding-left: 10px;
    margin-bottom: 10px;
}

.c33 {
}

    .c33 h2 {
    }

    .c33 p {
    }

    .c33 a {
    }

    .c33 i {
    }

    .c33 span {
    }

.c34 {
    line-height: 23px;
    font-size: 14px;
}

    .c34 a {
        display: block;
        margin-bottom: 3px;
        color: #454545;
        padding: 5px 0px;
    }

.c35 {
}

    .c35 input, .c35 textarea {
        background: #f1f6fc;
        width: 100%;
        padding: 10px 18px;
        border: none;
        outline: none;
        color: #363636;
        font-size: 15px;
        margin-bottom: 10px;
        border-radius: 3px;
    }

.form-control:focus, .form-control:hover {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

#btniletisimForm {
    padding: 7px 15px;
    border: none;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid transparent;
    color: #ffffff;
    background: #259381;
    transition: all 0.3s ease;
    margin-bottom: 25px;
    width: 200px;
}

.footer-item img {
    max-width: 165px;
    margin-bottom: 15px;
}
.footer-item h4 {
  font-size:16px;
}
.footer-item a {
    font-size: 14px;
}
video {
    object-fit: fill;
    height: 100vh;
    width: 100%;
}

.image-container {
    position: relative;
    display: inline-block; /* Adjust as needed */
}

.image {
    display: block;
    width: 100%; /* Adjust as needed */
    height: auto; /* Adjust as needed */
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

    .play-icon svg {
        width: 48px; /* Adjust size as needed */
        height: 48px; /* Adjust size as needed */
        opacity: 0.8; /* Adjust opacity as needed */
        transition: opacity 0.3s ease;
    }

    .play-icon:hover svg {
        opacity: 1; /* Full opacity on hover */
    }

#owl-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none; /* Ortadaki tıklamaları engellememek için */
}

    #owl-slider .owl-nav button {
        background: rgba(0, 0, 0, 0.4);
        border: none;
        color: #fff;
        font-size: 24px;
        padding: 10px 10px !important;
        pointer-events: auto; /* Tıklanabilir olması için */
        border-radius: 50%;
        transition: all 0.3s ease;
    }

        #owl-slider .owl-nav button:hover {
            background: rgba(0, 0, 0, 0.7);
        }

/* Varsayılan: gizli (flash yok) */
#owl-slider .js-anim {
    opacity: 0;
    will-change: opacity, transform;
    --animate-duration: .6s; /* yumuşak */
}

/* Aktif slide dışındakiler asla görünmesin */
#owl-slider .owl-item:not(.active) .js-anim {
    opacity: 0 !important;
}

.owl-prev {
    margin-left: 15px;
}

.owl-next {
    margin-right: 15px;
}


#pintrestGaleri {
    --gap: 12px;
    --radius: 10px;
    --bg: #f6f7f9;
    margin: auto;
}

    #pintrestGaleri * {
        box-sizing: border-box
    }

    #pintrestGaleri .masonry {
        column-gap: var(--gap);
        column-fill: balance;
    }
/* Mobil → Masaüstü sütun sayısı */
@media (min-width:480px) {
    #pintrestGaleri .masonry {
        column-count: 2;
    }
}

@media (min-width:768px) {
    #pintrestGaleri .masonry {
        column-count: 3;
    }
}

@media (min-width:1100px) {
    #pintrestGaleri .masonry {
        column-count: 3;
    }
}

#pintrestGaleri .card {
    break-inside: avoid;
    margin: 0 0 var(--gap);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--bg);
    content-visibility: auto; /* Ekranda olmayan render edilmez */
    contain-intrinsic-size: 300px 200px; /* CLS azaltır */
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border-radius: 0px;
}

    #pintrestGaleri .card img {
        display: block;
        width: 100%;
        height: auto;
        background: #e9eef3; /* yüklenmeden önce arka plan */
    }


.ust1 {
    height: 475px;
    background-position: center center;
    background-attachment: fixed;
    background-position: center top;
    position: relative;

}

.projeDetay1 {
}

    .projeDetay1 h2 {
        font-weight: 600;
    }

    .projeDetay1 p {
        line-height: 25px;
    }

.projedetay3 {
    /* margin-bottom: 20px; */
    width: 100%;
    padding-bottom: 20px;
    padding-left: 7px;
    font-weight: 700;
    /*   border-left: 5px solid #1e2f4e;*/
}

.lyt1 {
    background: #1d2f4d;
}

.e-p-bx li {
    color: #333;
}

.e-p-bx li {
    display: inline;
    font-size: 12px;
    padding-right: 10px;
    font-weight: 500;
}

.mt-topbar-left, .mt-topbar-right, .mt-topbar-center {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.pull-right {
    float: right;
}

.mt-topbar-left, .mt-topbar-right, .mt-topbar-center {
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}

.ust2 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

    .ust2 ul {
    }

    .ust2 li {
        display: inline-block;
        margin-right: 10px;
    }

    .ust2 a {
        color: #fff;
    }

    .ust2 i {
        padding-right: 3px;
    }

.buton1 {
}

:root {
    --navy-900: #1d2f4d; /* arka plan */
    --navy-700: #2a4a7a; /* buton alt ton */
    --navy-600: #315a99; /* buton üst ton */
    --navy-500: #3d6fbf; /* hover üst ton */
}

.bg-koyu {
    background: var(--navy-900);
}

/* Özel buton */
.btn.buton1 {
    background: linear-gradient(180deg,var(--navy-600),var(--navy-700));
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    padding: .75rem 1.25rem;
    border-radius: 9999px; /* pill */
    font-weight: 600;
    letter-spacing: .2px;
    box-shadow: 0 6px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
    transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
}

    .btn.buton1:hover {
        background: linear-gradient(180deg,var(--navy-500),var(--navy-600));
        transform: translateY(-1px);
        text-decoration: none;
        box-shadow: 0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
    }

    .btn.buton1:active {
        transform: translateY(0);
        box-shadow: 0 4px 16px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
    }

    .btn.buton1:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(61,111,191,.45), /* erişilebilir focus halkası */
        0 6px 20px rgba(0,0,0,.22);
    }

    .btn.buton1[disabled], .btn.buton1.disabled {
        opacity: .75;
        cursor: not-allowed;
    }

/* Hareket tercihini dikkate al */
@media (prefers-reduced-motion: reduce) {
    .btn.buton1 {
        transition: none;
    }
}

#owl-referenaslar img {
    max-width: 180px !important;
}

/* Başlangıçta gri ton */
#owl-referenaslar .owl-carousel-item img {
    /*    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter .3s ease, -webkit-filter .3s ease, transform .3s ease;
    will-change: filter, transform;*/
}

/* Hover / klavye odak / dokunmada canlansın */
#owl-referenaslar .owl-carousel-item:hover img,
#owl-referenaslar .owl-carousel-item:focus-within img,
#owl-referenaslar .owl-carousel-item:active img {
    -webkit-filter: none;
    filter: none;
    transform: translateY(-2px) scale(1.015);
}

/* İsteğe bağlı: imajlar taşmasın */
#owl-referenaslar .owl-carousel-item {
    overflow: hidden;
    border-radius: .5rem; /* istersen kaldır */
}

/* Yalnızca öğe sayısı görünenden azsa ortala (JS sınıfı ile) */
#owl-referenaslar.owl-center-if-few .owl-stage {
    display: flex;
    justify-content: center;
}

#owl-referenaslar.owl-center-if-few .owl-item {
    float: none; /* Owl 2 default float'u kapat */
}


/* Arka planı kapla (senin bg-cover utility'in yoksa ekle) */
.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Her slaytta overlay için referans */
.header-carousel .owl-carousel-item.bg-cover {
    position: relative;
    overflow: hidden; /* taşmaları kesmek için */
}

    /* ÜST gradient (50px) */
    /*.header-carousel .owl-carousel-item.bg-cover::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;*/ /* top:0; left:0; right:0 */
    /*height: 50px;
        background: linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
        pointer-events: none;
        z-index: 1;
    }*/

    /* ALT gradient (50px) */
    .header-carousel .owl-carousel-item.bg-cover::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0; /* bottom:0; left:0; right:0 */
        height: 50px;
        background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0));
        pointer-events: none;
        z-index: 1;
    }





/* Slayt: alt + merkez */
.header-carousel .owl-carousel-item.bg-cover {
    position: relative;
    display: flex;
    justify-content: center; /* yatay merkez */
    align-items: flex-end; /* dikey altta */
    padding-bottom: 50px; /* alttan 50px boşluk */
    min-height: clamp(360px, 55vh, 680px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.c13 {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0; /* yatay eksende geril */
    margin: 0 auto; /* sabit genişliği ortala */
    max-width: 900px;
    width: min(900px, calc(100% - 40px));
    text-align: center;
    color: #fff;
    z-index: 2;
}


.c51{
    padding-top:50px;
    margin-bottom:150px;
}


.c52 {
    background-color: #1d2f4dfc;
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    margin-bottom: 30px;
    font-size: 19px;
}
.c53{
    padding-left:7%;
    padding-right:7%;
}

.c54 {
    height: 610px !important;
}

.parallax-bg2 {
    
    inset: 13% 0 -13% 0 !important; 
}

#hakkimizdaGiris .hakkimizda-card {
    background: #fff;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    border-bottom: 3px solid #fff;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
    max-width: 250px;
}

    #hakkimizdaGiris .hakkimizda-card:hover {
        border-bottom: 3px solid rgb(29 47 77); /* Bootstrap danger kırmızı */
    }

.hakkimizda-card h5 {
    color: #000;
    margin-top: 0px;
   
    font-weight: 600;
    font-size: 16px;
}

.hakkimizda-card a {
    color: rgb(29 47 77) !important;
}
    .hakkimizda-card i {
    font-size: 30px !important;
    color: rgb(29 47 77) !important;
}

/* Konteyner: Sağ Alt Köşe Konumlandırma */
.whatsapp-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

/* WhatsApp İkonu */
.whatsapp-icon {
    width: 55px;
    height: 55px;
    background: #25D366; /* Yeşil arka plan */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
    overflow: visible;
    margin-right: 8px;
    text-decoration: none;
}

    .whatsapp-icon i {
        font-size: 27px;
        position: relative;
        z-index: 2;
        animation: heartbeat 2s infinite;
    }

    /* Dairesel Hareketli Efekt (ikon etrafında) */
    .whatsapp-icon::before,
    .whatsapp-icon::after {
       /* content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        border: 2px solid #25D366;
        border-radius: 50%;
        opacity: 0.6;
        transform: translate(-50%, -50%);
        animation: pulse 2.5s infinite;
        z-index: 1;*/
    }

/* Whatsapp Yazısı */
.whatsapp-text {
    background: #fff;
    color: #25D366;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    position: relative;
    z-index: 2;
    font-size: 14px;
}

/* Kalp Atışı Animasyonu */
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.3);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(1);
    }
}

/* Pulse Animasyonu */
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0;
    }
}