body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

:focus {
    outline: 0
}

* {
    list-style: none;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}



body {
    background: #F4F4F4 !important;
}

.fancybox-button--left {
    position: absolute !important;
    left: 16% !important;
    top: 1000% !important;
}

.image-container img {
    width: 390px !important;
    /* max-height: 100%; */
    border-radius: 0px !important;
    margin-top: 130px;
}

.slider {
    position: absolute;
    width: 100%;
    width: 1200px;
    height: 500px;
    margin: auto;
    overflow: hidden;
    top: 130px;
    left: 0;
    right: 0;
    z-index: 9;
}

.slide {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 1s ease;
}

.form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    margin-top: 30px;
}

::placeholder {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.form input[type="text"],
.form input[type="email"] {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.form label {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 13px;
}

.form input[type="radio"] {
    margin-right: 5px;
}


.form-preview {
    position: absolute;
    top: 10px;
    right: 19px;
    justify-content: flex-start;
    margin-top: 30px;
    display: flex;
    z-index: 9999999999;
}

.slide.active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 1;
}

.slide .text,
.slide .image-container {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 1s ease;
    transition: all 1s;
}

.slide.active .text,
.slide.active .image-container {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s;
}




.formcontainer h3 {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
}




.slide .text button {
    padding: 10px 20px;
    /* background-color: #fff; */
    background: unset;
    border: 1px solid #0044cc;
    color: #0044cc;
    cursor: pointer;
    margin-top: 0px;
    border-radius: 60px !important;
}

.text h2 {
    color: #ff9900;
    font-size: 34px;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.text h1 {
    color: #0044cc;
    font-size: 46px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.text button {
    padding: 10px 20px;
    /* background-color: #fff; */
    background: unset;
    border: 1px solid #0044cc;
    color: #0044cc;
    cursor: pointer;
    margin-top: 30px;
    border-radius: 10px;
}

.image-container {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .image-container img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
        margin-top: 130px;
    }


.nav-btn,
.prev-btn,
.next-btn {
    height: 6px;
    width: 6px;
    margin: 5px;
    border-radius: 30px;
    background: #003E92;
    cursor: pointer;
    opacity: 0.6;
}

.image-container {
}

.prev-btn,
.next-btn {
    height: auto;
    width: auto;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 0;
    background: transparent;
    color: #333;
}

.nav-btn.active {
    background: #003E92;
    width: 30px;
    transition: all 1s;
    opacity: 1;
}

#video-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Video bölümünün ekran yüksekliği kadar olmasını sağla */
    overflow: hidden;
}

.animate {
    opacity: 1;
    transition: all 1s;
}

#video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sayfanın arka planında olmasını sağla */
    overflow: hidden;
}


#fp-nav {
    left: 17px;
    transition: all 3s;
}

#video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Fullpage.js Navigasyon Noktalarını Üçgen Yapma */
.fp-nav {
    bottom: 20px !important; /* Navigasyon noktalarının alt boşluğu */
    z-index: 9999; /* Diğer öğelerin üzerine */
}

    .fp-nav ul li a {
        width: 0 !important;
        height: 0 !important;
        border-left: 10px solid transparent !important; /* Sol kenar */
        border-right: 10px solid transparent !important; /* Sağ kenar */
        border-bottom: 15px solid #fff !important; /* Alt kenar */
    }

        .fp-nav ul li a.active {
            border-bottom-color: #007bff !important; /* Aktif nokta rengi */
        }


#sectionn {
    margin-bottom: -300px;
    z-index: 999;
}

.fancybox-button--right {
    position: absolute !important;
    right: 16% !important;
    top: 1000% !important;
}

.sliderdiv {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    position: relative;
    right: 0.1%;
    margin: top;
    margin-top: 27px;
}

.slidercenter {
    width: 100%;
}

.slidertext {
    position: absolute;
    top: 50%;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: unset;
}


.owlbutton {
    width: 1000px;
    position: absolute;
    bottom: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: right;
}

.counter-container {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

.counter {
    font-size: 48px;
    margin: 20px;
    font-weight: 200;
    color: #001B34;
    font-family: "Petit Formal Script", cursive;
    font-size: 50px;
    border-bottom: 1px solid #000;
    /* padding-bottom: 16px; */
    background: #000;
    color: #fff;
    border-radius: 30px;
    width: 70px;
    padding: 10px;
}

.textt {
    font-family: "Kanit", sans-serif;
    color: #6F6F6F;
}

.owl-height {
    min-height: 502px !important;
}

.linediv {
    position: absolute;
    bottom: -27%;
    left: 0;
    right: unset;
    margin: 0 auto;
    text-align: center;
}

.

.linebox {
    width: 1000px;
    background: #ffffff9e;
    height: 5px;
    border-radius: 60px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.linenumber {
    display: inline-block;
    display: none;
    vertical-align: middle;
}

.tiles {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.tile {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
}

@font-face {
    font-family: 'Frunch';
    src: url(../font/Frunch.otf);
}

@font-face {
    font-family: 'Gilroy';
    src: url(../font/Gilroy-Regular.ttf);
}

.header {
    /* position: absolute; */
    width: 100%;
    z-index: 1;
    top: 0;
    background: auto;
    z-index: 1;
    /* background-image: linear-gradient(red, yellow); */
    /* overflow: hidden; */
    /* overflow: hidden; */
    height: 160px;
    /* background-image: linear-gradient(to right, #fff , #ffffff9c); */
    /* position: absolute; */
    z-index: 999;
    position: absolute;
    left: 0;
    /* display: none; */
    background: #003E92;
}

.section {
    background: #003E92;
}

/*#iletisim {
    margin-top: 30px;
}*/

body {
    background: #F4F4F4 !important;
}

.fancybox-button--left {
    position: absolute !important;
    left: 16% !important;
    top: 1000% !important;
}


.bagisdivv button {
    width: 100%;
    border-radius: 10px !important;
    background: #FF9D00 !important;
    padding: 13px !important;
    border: 0px !important;
    position: relative;
}

.text {
    width: 50%;
    padding: 20px;
    position: relative;
    
    
    opacity: 1;
    transition: all 1s;
    color: #3b3b35;
    margin-top: 27px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 500; */
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    color: #6F6F6F;
}


.slide {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 1s ease;
}

    .slide.active {
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: 1;
    }

    .slide .text,
    .slide .image-container {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease, transform 1s ease;
        transition: all 1s;
    }

    .slide.active .text,
    .slide.active .image-container {
        opacity: 1;
        transform: translateY(0);
        transition: all 1s;
    }



    .text h2 {
        color: #ff9900;
        font-size: 34px;
        margin-bottom: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }

    .text h1 {
        color: #0044cc;
        font-size: 46px;
        margin-bottom: 20px;
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .text button {
        padding: 10px 20px;
        /* background-color: #fff; */
        background: unset;
        border: 1px solid #0044cc;
        color: #0044cc;
        cursor: pointer;
        margin-top: 30px;
        border-radius: 10px;
    }

.donation-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    position: relative;
    width: 700px;
    float: right;
    top: -160px;
}

.category {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* padding: 20px; */
    width: 300px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

    .category img {
        width: 130px;
        border-radius: 10px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        left: -10px;
    }

    .category h3 {
        color: #003366;
        font-size: 20px;
        margin: 10px 0px 5px 0px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }


    .category p {
        color: #003366;
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.image-container {
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .image-container img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
        margin-top: 130px;
    }



.nav-btn,
.prev-btn,
.next-btn {
    height: 6px;
    width: 6px;
    margin: 5px;
    border-radius: 30px;
    background: #003E92;
    cursor: pointer;
    opacity: 0.6;
}

.image-container {
}

.prev-btn,
.next-btn {
    height: auto;
    width: auto;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 0;
    background: transparent;
    color: #333;
}

.nav-btn.active {
    background: #003E92;
    width: 30px;
    transition: all 1s;
    opacity: 1;
}

#video-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Video bölümünün ekran yüksekliği kadar olmasını sağla */
    overflow: hidden;
}

.animate {
    opacity: 1;
    transition: all 1s;
}

#video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sayfanın arka planında olmasını sağla */
    overflow: hidden;
}


#fp-nav {
    left: 17px;
    transition: all 3s;
}

#video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Fullpage.js Navigasyon Noktalarını Üçgen Yapma */
.fp-nav {
    bottom: 20px !important; /* Navigasyon noktalarının alt boşluğu */
    z-index: 9999; /* Diğer öğelerin üzerine */
}

    .fp-nav ul li a {
        width: 0 !important;
        height: 0 !important;
        border-left: 10px solid transparent !important; /* Sol kenar */
        border-right: 10px solid transparent !important; /* Sağ kenar */
        border-bottom: 15px solid #fff !important; /* Alt kenar */
    }

        .fp-nav ul li a.active {
            border-bottom-color: #007bff !important; /* Aktif nokta rengi */
        }


#sectionn {
    margin-bottom: -300px;
    z-index: 999;
}

.fancybox-button--right {
    position: absolute !important;
    right: 16% !important;
    top: 1000% !important;
}



.slidercenter {
    width: 100%;
}

.slidertext {
    position: absolute;
    top: 50%;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: unset;
}


.owlbutton {
    width: 1000px;
    position: absolute;
    bottom: 20%;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: right;
}

.counter-container {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

.counter {
    font-size: 48px;
    margin: 20px;
    font-weight: 200;
    color: #001B34;
    font-family: "Petit Formal Script", cursive;
    font-size: 50px;
    border-bottom: 1px solid #000;
    /* padding-bottom: 16px; */
    background: #000;
    color: #fff;
    border-radius: 30px;
    width: 70px;
    padding: 10px;
}

.textt {
    font-family: "Kanit", sans-serif;
    color: #6F6F6F;
}

.owl-height {
    min-height: 502px !important;
}

.linediv {
    position: absolute;
    bottom: -27%;
    left: 0;
    right: unset;
    margin: 0 auto;
    text-align: center;
}

.

.linebox {
    width: 1000px;
    background: #ffffff9e;
    height: 5px;
    border-radius: 60px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.linenumber {
    display: inline-block;
    display: none;
    vertical-align: middle;
}

.tiles {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.tile {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
}

.menuopen {
    position: fixed;
    top: 10px;
    right: 60px;
    z-index: 999999999999999;
}

    .menuopen svg {
        stroke: #fff;
    }

#fullpage {
    overflow: hidden;
    background: #dcedf4;
}

.menuu {
    width: 170%;
}

.menumenu {
}


.kurumsaldiv {
    position: absolute;
    top: 200px;
    text-align: center;
    width: 100%;
    text-align: center;
    font-family: "Petit Formal Script", cursive;
    font-size: 50px;
    color: #fff;
}

.menumobil {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 60px;
    text-align: center;
    padding-top: 39px;
    cursor: pointer;
    z-index: 101010101010;
    padding-bottom: 10px;
    display: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.svgdiv {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.svgdiv {
}

.container {
    display: flex;
    width: 1200px;
    margin: auto;
    /* padding: 20px; */
}

.image-section {
    flex: 1;
}

    .image-section img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.info-section {
    flex: 1;
    padding: 20px;
}

    .info-section h1 {
        color: #0044cc;
        margin-bottom: 20px;
    }

    .info-section p {
        margin-bottom: 20px;
    }

.donation-types {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

::placeholder {
    color: #000 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.donation-type {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

    .donation-type svg {
        display: block;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .donation-type.active {
        color: #ff9900;
        border-color: #ff9900;
    }

.donation-form {
    margin-bottom: 20px;
}

    .donation-form label {
        display: block;
        margin-bottom: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
    }

    .donation-form select {
        width: 60%;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

.donation-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .donation-options label {
        flex: 1;
        text-align: center;
    }

    .donation-options input {
        margin-right: 5px;
    }


.donate-now, .add-to-cart {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


.containerddivv {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    width: 100%;
}

    .containerddivv h1 {
        text-align: center;
        color: #0044cc;
    }

.form-containerddivv {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.personal-infoddivv, .payment-infoddivv, .donation-cartddivv {
    width: 100%;
    margin-bottom: 20px;
}

    .personal-infoddivv h2, .payment-infoddivv h2, .donation-cartddivv h2 {
        color: #0044cc;
    }

    .personal-infoddivv input[type="text"], .personal-infoddivv textarea,
    .payment-infoddivv input[type="text"], .payment-infoddivv textarea {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .personal-infoddivv textarea {
        resize: none;
        height: 60px;
    }

.donation-typeddivv, .donation-categoryddivv {
    display: flex;
    justify-content: space-between;
}

    .personal-infoddivv label, .donation-categoryddivv label {
        display: flex;
        align-items: center;
    }

    .personal-infoddivv input[type="radio"], .donation-categoryddivv input[type="radio"] {
        margin-right: 5px;
    }

.payment-infoddivv .card-detailsddivv {
    display: flex;
    justify-content: space-between;
}

    .payment-infoddivv .card-detailsddivv input[type="text"] {
        width: 48%;
    }

.signatureddivv {
    background: #d3d3d3;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    border-radius: 5px;
}

.donation-cartddivv .cart-itemddivv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

    .donation-cartddivv .cart-itemddivv input[type="text"] {
        width: 40px;
        text-align: center;
    }

.totalddivv {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding: 10px 0;
}

.pay-buttonddivv {
    background: #ff8c00;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

    .pay-buttonddivv:hover {
        background: #ff7f00;
    }

.donate-now {
    background: #ff9900;
    color: #fff;
    width: 330px;
}

.add-to-cart {
    background: #0044cc;
    width: 330px;
}

.svgdivvv {
    color: #fff;
    position: absolute;
    right: 30px;
    top: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.tablediv {
    background: #fff;
    border-radius: 10px;
    max-width: 600px;
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    color: #fff;
}

    td:nth-child(1) {
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        color: #000;
        border-right: 1px solid #000;
        width: 130px;
        padding-bottom: 13px;
    }

    td:nth-child(2) {
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        color: #000;
        position: relative;
        left: 30px;
    }

.confirmationcontainer {
    /* background: #fff; */
    border-radius: 10px;
    padding: 20px;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
    /* display: inline-block; */
    margin-top: 300px;
    width: 790px;
    text-align: center;
    margin: 0 auto;
    margin-top: 190px;
    position: relative;
}

.main-containerr .burslardiv {
    display: inline-block;
    vertical-align: top;
    width: 53.9%;
    text-align: left;
}

.confirmationcontainer svg {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 60px;
    top: 60px;
}

.confirmationcontainer .text {
    width: 50%;
    padding: 20px;
    position: relative;
    top: 60px;
    left: 130px;
    top: 70px;
    opacity: 1;
    transition: all 1s;
}

    .confirmationcontainer .text h2 {
        color: #ff9900;
        font-size: 34px;
        margin-bottom: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
    }



.confirmationcontainer .return-button {
    background-color: #ff9900;
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 16px;
    margin: 20px 0;
    cursor: pointer;
}


.confirmationcontainer .text h1 {
    color: #0044cc;
    font-size: 46px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.company-logo img {
    width: 100px; /* Logonun geniÅŸliÄŸi */
    height: auto;
}

.confirmationcontainer h1 {
    color: #ff9900;
}

.confirmationcontainer h2 {
    color: #003366;
}

.confirmationcontainer p {
    color: #003366;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.donationnumber {
    background: #e6f2ff;
    border: 1px solid #003366;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    color: #003366;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.imagecontainer {
    margin-top: 20px;
    position: relative;
}

    .imagecontainer img {
        width: 100%;
        /* border-radius: 50%; */
        width: 390px;
    }

    .imagecontainer::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border: 5px solid #003366;
        border-radius: 50%;
        z-index: -1;
    }


.side-by-side-container {
    display: flex;
    justify-content: space-around;
    width: 1290px;
    gap: 20px;
    align-items: center;
    margin: 0 auto;
}

.leftdivv, .rightdivvv {
    border-radius: 10px;
    padding: 20px;
    flex: 1;
    /* width: 100% !important; */
    text-align: right;
}

.leftdivv {
    flex-basis: 10px;
    text-align: center;
}

.rightdivvv {
    flex-basis: 100px;
}

.leftdivv img {
    width: 100% !important;
}

.leftdivv h1, .rightdivvv h1 {
    color: #003366;
    margin-bottom: 20px;
    text-align: right !important;
}

.leftdivv p, .rightdivvv p {
    color: #003366;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 30px;
}

.image-section {
    flex: 1;
    /* width: 30% !important; */
    flex-basis: 10px !important;
}

    .image-section img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.info-section {
    flex: 1;
    padding: 20px;
    /* background: #f9f9f9; */
    border-radius: 10px;
    width: 30% !important;
    flex-basis: 230px;
}

    .info-section h1 {
        color: #0044cc;
        margin-bottom: 20px;
        color: #0044cc;
        font-size: 46px;
        margin-bottom: 20px;
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .info-section p {
        /* margin-bottom: 20px; */
        color: #555;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        margin-top: 30px;
        font-size: 13px;
    }

.donation-types {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.donation-type {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    flex: 1;
    margin: 0px 5px;
    color: #003E92;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 7px;
}

.donation-form {
    display: none;
    opacity: 0;
    transition: all 1s;
}

.newsletter-form input[type="text"], .newsletter-form input[type="email"] {
    border: 2px solid #4779CC !important;
    background: unset !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    color: #fff;
}

.newsletter-form input::placeholder {
    color: #4779CC !important;
}

.donation-type.active {
    color: #ff9900;
    border-color: #ff9900;
}

.donation-form {
    margin-bottom: 20px;
}

.akdiv-container {
    width: 1260px;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.akdiv-section {
    border-bottom: 1px solid #ddd;
}

.akdiv-title {
    background: #f7f7f7;
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    /* text-align: left; */
    color: #00509e;
}

    .akdiv-title:hover {
        background: #e2e2e2;
    }

.akdiv-body {
    padding: 15px;
    display: none; /* Başlangıçta içerik gizli */
    border-top: 1px solid #ddd;
}

    .akdiv-body p {
        margin: 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        line-height: 30px;
        color: #333;
    }

.donation-form label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.amount-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.contact-container {
    display: flex;
    /* background: #fff; */
    border-radius: 10px;
    align-items: center;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
    width: 1000px;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    position: relative;
    z-index: 9999999999;
}

.contact-info:nth-child(1) {
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-container {
    width: 60%;
    float: right;
}



.contact-info, .contact-form {
    width: 675px;
    flex: 1;
    padding: 30px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    background: #fff;
}

    .contact-form form {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 5px;
    }

form div {
    width: 530px;
}

.contact-info {
    background: #003E92;
    border-right: 1px solid #ddd;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

    .contact-info h2 {
        color: #fff;
        margin-bottom: 20px;
        font-size: 24px;
    }

    .contact-info .info-item {
        margin-bottom: 15px;
        font-size: 16px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

        .contact-info .info-item i {
            margin-right: 10px;
        }

.bank-info-button {
    background: #fff;
    color: #003366;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}



.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    visibility: hidden;
}

.popup {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    width: 90%;
}

.menu-item i {
    margin-right: 10px; /* İkon ve metin arasındaki boşluk */
    font-size: 16px; /* İkon boyutu */
}

.submenulist {
    display: none;
    list-style: none;
    padding-left: 0px;
    margin-top: 10px;
    /* height: 190px; */
    width: 190px;
}


    .submenulist li {
        padding: 0px;
        font-size: 13px !important;
    }

.popupimage {
    background: url('/System_images/sukuyusuu.jpg'); /* Arka plan resmi URL'si */
    background-size: cover;
    background-position: center;
    width: 50%;
}

.popupcontent {
    padding: 20px;
    width: 50%;
    box-sizing: border-box;
}

    .popupcontent h2 {
        margin-top: 0px;
        color: #FF9D00;
        font-size: 1.8em;
    }

    .popupcontent p {
        color: #FF9D00;
        margin: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .popupcontent input, .popupcontent select, .popupcontent button {
        width: calc(100% - 20px);
        padding: 10px;
        margin: 10px 10px 10px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box;
    }

        .popupcontent input[type="checkbox"] {
            width: auto;
        }

    .popupcontent button {
        background: #FF9D00;
        color: #fff;
        border: none;
        cursor: pointer;
    }

        .popupcontent button:hover {
            background: #EDF5FF;
            color: #003E92;
        }


.foundationinfo h2 {
    color: #003366;
    margin-bottom: 20px;
    font-size: 24px;
}

.foundationinfo label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.foundationinfo input, .foundationinfo textarea {
    width: 96%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}


.foundationinfo select {
    width: 96%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.foundationinfo button {
    background: #003E92;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}



.contactinfos h2 {
    color: #003366;
    margin-bottom: 20px;
    font-size: 24px;
}

.contactinfos label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.contactinfos input, .contactinfos textarea {
    width: 96%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}


.contactinfos select {
    width: 96%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.contactinfos button {
    background: #003E92;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

.kurban-card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    width: 30%;
    position: relative;
    margin: 30px;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* border-top-left-radius: 30px; */
    /* border-top-right-radius: 30px; */
    flex: 0 0 260px;
}



.main-containerr {
    display: block !important;
    width: 1200px;
    margin: 0 auto;
    margin-top: 130px;
}

.main-containerr {
    padding: 20px;
}


.donation-card {
    flex: 1;
    padding: 20px;
    margin-right: 20px;
    text-align: left;
    background: #fff;
    border-radius: 10px;
}


.header-custom {
    background: #ff9900;
    color: #fff;
    padding: 20px;
    text-align: left;
    font-size: 24px;
    margin-top: 160px;
    s;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.container-custom {
    display: flex;
    /* height: 100vh; */
}

.sidebar-custom {
    width: 250px;
    background-color: #f1f1f1;
    padding: 20px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}

    .sidebar-custom a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
        margin-bottom: 10px;
        border-radius: 5px;
        transition: background-color 0.3s;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

        .sidebar-custom a:hover {
            background: #ddd;
        }

.content-custom {
    flex: 1;
    padding: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

    .content-custom h1 {
        color: #003E92;
        font-size: 33px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.list-container {
    margin-top: 20px;
}

.list-header, .list-row {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.list-header {
    font-weight: bold;
    background: #f1f1f1;
}

.list-cell {
    flex: 1;
    padding: 10px;
    color: #003E92;
    position: relative;
    text-align: center;
}

.bagisdivvv {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 130px;
    margin-top: 30px;
    opacity: 0;
    background: #fff;
    border-radius: 7px;
    transition: all 0.7s;
    color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 13px;
    display: none;
    z-index: 9999999999;
}

.detaydiv {
    color: #333;
    padding: 17px;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
    cursor: pointer;
    transition: background 0.3s;
}

    .detaydiv:hover {
        background: #ddd;
    }

.list-row img {
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.pagination-custom {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.bagisdivvv.acilisdiv {
    opacity: 1;
    display: block;
    margin-top: 0px;
}

.pagination-custom button {
    padding: 10px 20px;
    margin: 10px;
    background: #ff9900;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .pagination-custom button:hover {
        background: #003E92;
        color: #fff;
    }

.donation-card h2 {
    color: #004aad;
    margin-bottom: 20px;
}

.donation-card p {
    color: #666;
    margin-bottom: 20px;
    color: #003E92;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}


.ibandivvv {
    width: 1000px;
    margin: 0 auto;
}

.content-wrapper {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.account-container {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 70%;
    margin-right: 20px;
    margin: 0 auto;
    position: relative;
    left: 30px;
}

.account-header-row {
    display: flex;
    justify-content: space-between;
    color: #006837;
    font-weight: bold;
    margin-bottom: 10px;
}

.account-details-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    color: #666666;
}

.copy-button {
    background-color: #e6e6e6;
    padding: 5px;
    border-radius: 5px;
}

    .copy-button img {
        width: 24px;
        height: 24px;
    }

.company-logo img {
    width: 230px !important; /* Logonun geniÅŸliÄŸi */
    height: auto;
}

#fp-nav {
    left: 17px;
    transition: all 3s;
}

#video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Fullpage.js Navigasyon Noktalarını Üçgen Yapma */
.fp-nav {
    bottom: 20px !important; /* Navigasyon noktalarının alt boşluğu */
    z-index: 9999; /* Diğer öğelerin üzerine */
}

    .fp-nav ul li a {
        width: 0 !important;
        height: 0 !important;
        border-left: 10px solid transparent !important; /* Sol kenar */
        border-right: 10px solid transparent !important; /* Sağ kenar */
        border-bottom: 15px solid #fff !important; /* Alt kenar */
    }

        .fp-nav ul li a.active {
            border-bottom-color: #007bff !important; /* Aktif nokta rengi */
        }


#sectionn {
    margin-bottom: -300px;
    z-index: 999;
}

.fancybox-button--right {
    position: absolute !important;
    right: 16% !important;
    top: 1000% !important;
}

.kopyaladiv {
    background: #FF9D00;
    padding: 7px;
    padding-top: 7px;
    padding-bottom: 13px;
    width: 13px;
    position: absolute;
    right: 10px;
    bottom: -36px;
    border-radius: 7px;
    height: 7px;
    cursor: pointer;
}

    .kopyaladiv img {
        width: 100%;
    }

.slidertext {
    position: absolute;
    top: 50%;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: unset;
}

.donation-amounts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.amount-button {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.account-header-row span {
    width: 290px;
    text-align: left;
    margin: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.account-details-row span {
    width: 360px;
    text-align: left;
    margin: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 13px;
    position: relative;
}

.amount-button:hover {
    background: #f5f5f5;
}

.donation-amounts input[type="text"] {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    flex: 1;
}

.main-container {
    display: flex;
    /* width: 80%; */
    width: 1160px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 60px auto;
    justify-content: space-between;
    padding: 20px;
    border-radius: 8px;
}

.image-section {
    flex: 1;
    position: relative;
    transition: transform 0.3s ease;
}

    .image-section:hover img {
        transform: scale(1.3);
    }

    .image-section img {
        width: 100%;
        height: auto;
        display: block;
    }

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    transition: background 0.3s ease;
}

.image-section:hover .text-overlay {
    background: rgba(0, 0, 0, 0.7);
}

.donation-frequency {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .donation-frequency label {
        font-size: 14px;
        color: #666;
    }


.donation-buttons {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.quick-donate {
    background: #FF9D00;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

    .quick-donate:hover {
        background: dark#FF9D00;
    }

.add-to-cart {
    background: #004aad;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.image-card {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.child-image {
    border-radius: 60px;
    width: 290px;
    /* height: 300px; */
    /* object-fit: cover; */
    /* border: 10px solid #fff; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    transform: scale(1.6);
}

.description {
    padding: 20px;
    text-align: center;
    color: #003E92;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.kurban-image img {
    width: 100%;
    /* height: 100vh; */
    transform: scale(1.3);
    /* margin-top: 30px; */
    padding-top: 60px;
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}

.kurban-details {
    padding: 10px;
    /* background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); */
    color: #fff;
    position: absolute;
    bottom: 60px; /* Adjust based on the image height */
    width: 100%;
    padding: 30px;
    /* height: 100vh; */
    text-align: left;
    backdrop-filter: blur(10px);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.sosyaldivvv {
    width: 100%;
    height: 1px;
    background: #4779CC;
    margin-top: 30px;
    margin-bottom: 70px;
    position: relative;
}

.sosyldiv {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    text-align: center;
    top: -13px;
    background: #003E92;
}

.kurban-details h3 {
    margin: 0;
    font-size: 1.2em;
}

.kurban-details p {
    margin: 5px 0 0;
    font-size: 1em;
}

.cart-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: 270px;
    border: 1px solid #d4d4d4;
    position: absolute;
    top: -180px;
    right: 370px;
}

    .cart-container h3 {
        color: #003366;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 24px;
        text-align: left;
    }

.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
    margin-top: 30px;
}

.item-qty-btn {
    background-color: #fff;
    border: 1px solid #003366;
    color: #003366;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}

.item-qty-number {
    font-size: 14px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.item-amount {
    flex: 1;
    text-align: right;
    color: #003366;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.item-remove-btn {
    background: none;
    border: none;
    color: #ff0000;
    cursor: pointer;
    font-size: 14px;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.total-amount {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.kurban-footer {
    background: #003366;
    color: #FFB118;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px; */
    padding-left: 16px;
    position: relative;
    top: -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

    .kurban-footer .kurban-icon img {
        width: 24px;
        height: 24px;
    }

.amount {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 60px;
    cursor: pointer;
    background: #fff;
    width: 60px;
    height: 60px;
    margin: 6px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.adresdiv {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin: 10px;
}

.amount:hover, .amount:focus {
    border-color: #0044cc;
    color: #0044cc;
}

.amount-options input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 10px;
}

.donation-frequency {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}


.news-container {
    text-align: center;
    padding: 40px 10px;
    /*    width: 100%;*/
    width: 1450px;
    background: #fff;
    border-radius: 8px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    margin: 0 auto;
}

.news-header {
    margin-bottom: 20px;
}

.news-cards {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 60px;
}

.news-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    margin: 10px;
    width: 360px;
    text-align: left;
    transition: transform 0.3s ease;
}

    .news-card h2 {
        text-align: center !important;
    }

    .news-card .donate-now {
        margin: 17px;
        position: relative;
        left: 19px;
        width: 130px;
    }

    .news-card:hover {
        transform: translateY(-10px);
    }

.clock-icon {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
}

.news-image img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
}

.news-card h2 {
    color: #00509e;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 13px;
}

.campaign-card {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .campaign-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.card-content {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
}

    .card-content h3 {
        margin: 0px;
        font-size: 24px;
        color: #FF9D00;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }


.card-contentt {
    position: absolute;
    top: 60px;
    left: 20px;
    color: #fff;
}

    .card-contentt h3 {
        margin: 0px;
        font-size: 24px;
        color: #FF9D00;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }


.card-content h2 {
    margin: 10px 0;
    font-size: 36px;
    color: #003E92;
}

button {
    background: #fff;
    border: 2px solid blue;
    color: blue;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s, color 0.3s;
}

    button:hover {
        background: blue;
        color: #fff;
    }

.news-card p {
    margin: 10px 0px;
    color: #555;
    padding: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: center;
}

.news-date {
    display: block;
    margin-top: 10px;
    color: #999;
    padding: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.menuacdiv {
    position: absolute;
    width: 230px;
    /* left: -10px; */
    text-align: left;
    background: #fff;
    /* padding: 26px; */
    top: 53px;
    /* border-radius: 13px; */
    display: none;
    color: #003E92;
    box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 10px;
    z-index: 999;
}

    .menuacdiv div {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px;
        font-size: 13px;
        transition: all 1s;
    }

        .menuacdiv div:hover {
            border-bottom: 1px solid #333;
        }

        .menuacdiv div a {
            color: #333;
        }

.news-footer button {
    background: #fff;
    border: 2px solid #00509e;
    color: #00509e;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-size: 14px;
}

    .news-footer button:hover {
        background: #00509e;
        color: #fff;
    }

.donation-frequency label {
    flex: 1;
    text-align: center;
    cursor: pointer;
}

.donation-frequency input {
    margin-right: 5px;
}

.donate-now, .add-to-cart {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    flex: 1;
    margin: 0 5px;
}


.foundationinfo {
    border-radius: 13px;
    padding: 30px;
    width: 1130px;
    margin: 0 auto;
    text-align: left;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
    background: #fff;
}

.contactinfos {
    border-radius: 13px;
    justify-content: space-between;
    /*width: 1130px;*/
    padding: 30px;
    margin: 20px;
    width: 600px;
    text-align: left;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.foundationinfo form {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}

.foundationinfo h3 {
    color: #003366;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 30px;
}

.foundationinfo p {
    color: #003366;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 30px;
}

    .foundationinfo p b {
        font-weight: 600;
    }

.contactinfos form {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}

.contactinfos h3 {
    color: #003366;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 30px;
}

.contactinfos p {
    color: #003366;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 30px;
}

    .contactinfos p b {
        font-weight: 600;
    }

.donate-now {
    background: #ff9900;
    color: #fff;
}

.add-to-cart {
    background: #0044cc;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}


h1 {
    color: #FF9D00;
    color: #FF9D00;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

h2 {
    color: blue;
    color: #FF9D00;
    color: #003E92;
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.sliderdiv {
    overflow: hidden;
    width: 1130px !important;
    margin: 20px auto;
    position: relative;
}

.slider-wrapperdiv {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%; /* Ensure the slider wrapper takes full width */
}


.slider-wrapperdivv {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%; /* Ensure the slider wrapper takes full width */
}

.carddiv {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    margin: 20px;
    max-width: 300px;
    text-align: left;
    flex: 0 0 300px; /* Ensures each card takes up the same width */
    text-align: center;
}

    .carddiv h3 {
        /* color: #FF9D00; */
        color: #FF9D00;
        font-size: 13px;
        /* margin-bottom: 20px; */
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .carddiv h4 {
        color: #003E92;
        color: #FF9D00;
        font-size: 23px;
        margin-bottom: 20px;
        /* margin-top: 30px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .carddiv p {
        margin: 10px 0px;
        color: #555;
        color: #FF9D00;
        font-size: 13px;
        /* margin-bottom: 20px; */
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }


.board-members {
    /* background: #fff; */
    /* border-radius: 13px; */
    padding: 40px;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
    width: 800px;
    /* width: 100%; */
    text-align: center;
    margin: 0 auto;
}

    .board-members h1 {
        color: #003366;
        margin-bottom: 20px;
        text-align: center !important;
    }

.member-group {
    margin-bottom: 20px;
}

    .member-group h2 {
        color: #003366;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .member-group p {
        color: #000;
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.audit-members {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.audit-member {
    flex: 1;
    min-width: 150px;
}

    .audit-member img {
        width: 100%;
    }

    .audit-member h3 {
        color: #003366;
        font-size: 18px;
        margin-bottom: 5px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .audit-member p {
        color: #000;
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.progressdiv {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .progressdiv span {
        margin-right: 10px;
        color: #555;
        font-size: 13px;
        /* margin-bottom: 20px; */
        /* margin-top: 30px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.donation-container {
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
    position: relative;
    top: -100px;
}

.donation-info {
    display: flex;
    align-items: center;
}

    .donation-info img {
        height: 50px;
        margin-right: 20px;
    }

    .donation-info div {
        margin-right: 40px;
    }

    .donation-info h2 {
        color: #0044cc;
        font-size: 24px;
        margin: 0px;
    }

.list-header, .list-row, .list-explanation {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.detaydivvv {
    font-weight: 700;
}

.list {
    flex: 1;
    padding: 10px;
    text-align: center;
    position: relative;
}

:plahceholder {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.donation-info p {
    color: #6d6d6d;
    margin: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    /* font-weight: 600; */
}

.donation-details {
    display: flex;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    background: #fff;
    padding: 40px;
    width: 60%;
    position: absolute;
    right: 0;
}

    .donation-details div {
        margin-right: 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        /* color: #6d6d6d; */
    }

select {
    -webkit-appearance: none; /* iOS ve Safari için */
    -moz-appearance: none; /* Firefox için */
    appearance: none; /* Tüm modern tarayıcılar için */
    box-sizing: border-box; /* Padding ve border dahil genişlik */
    background: #fff;
}

.donation-details select, .donation-details input {
    -webkit-appearance: none; /* iOS ve Safari için */
    -moz-appearance: none; /* Firefox için */
    appearance: none; /* Tüm modern tarayıcılar için */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff; /* Arka plan rengini belirle */
    color: #333; /* Yazı rengini belirle */
    width: 100%; /* Genişliği ayarla, isteğe bağlı */
    box-sizing: border-box; /* Padding ve border dahil genişlik */
}

.donation-details select {
    width: 200px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.donation-details input {
    width: 100px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.donation-details button {
    background: #0044cc;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .donation-details button:hover {
        background: #fff;
        color: #0044cc;
    }

.progress-bardiv {
    background: #FF9D00;
    height: 4px;
    width: 50%; /* Change this to reflect the progress */
    border-radius: 2px;
}

.progress-bar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
}

button {
    background: unset;
    border: 2px solid #A8BEE2;
    color: #003E92;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

    button:hover {
        background: #EDF5FF;
        color: #003E92;
    }

.navigationdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}



    .navigationdiv button {
        background: none;
        border: none;
        font-size: 2rem;
        cursor: pointer;
        margin: 0 10px;
        transition: color 0.3s;
    }

        .navigationdiv button:hover {
            color: blue;
        }

.dotsdiv {
    display: flex;
}

.dotdiv {
    height: 12px;
    width: 12px;
    background: #bbb;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 1s;
}

    .dotdiv.active {
        background: #003E92;
        width: 60px;
    }


.dotdivvv {
    height: 12px;
    width: 12px;
    background: #bbb;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 1s;
}

.kurban-icon {
    background: #FFB118;
    text-align: center;
    width: 60px;
    padding-left: 10px;
    border-bottom-right-radius: 10px;
}

.dotdivvv.active {
    background: #003E92;
    width: 60px;
}

.svgdivv {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.menutext {
    color: #0C8F97;
}

.line {
    background: #fff;
    width: 50%;
    height: 5px;
    margin: 0 auto;
    margin-top: 10px;
    position: absolute;
    top: -10px;
    border-radius: 60px;
}

.menudiv {
    background: #001B34;
    position: fixed;
    top: 0;
    right: 0;
    width: 33.6%;
    height: 100vh;
    z-index: 999999999;
    transition: all 1s;
    opacity: 0;
    display: none;
    overflow: hidden;
    /* border-left: 7px solid #4db4e83b; */
    box-shadow: 1px 1px 100px #dedede;
    /* background-image: linear-gradient(to right, #6ca098, #49756d); */
}

.menudivv {
    position: absolute;
    top: 10px;
    right: -90px;
    width: 300px; /* z-index: -1; */
    display: none; /* margin-left: 100px; */
    margin-right: -100px;
    opacity: 0;
    transition: all 3s;
}

.ucgenimg {
    position: absolute;
    bottom: 34vh;
    right: 52%;
    width: 13%;
    margin-bottom: -60px;
    opacity: 0;
    transition: all 3s;
}

.menucenter {
    width: 93%;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    text-align: right;
}

.divvv {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    position: absolute;
    width: 100%;
    text-align: center;
}

#video-section::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    background: #ffffff8f;
}

.topmenudiv {
    /* background: #000; */
    width: 1500px;
    padding: 10px;
    border-bottom: 3px solid #4779CC;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0 auto;
    position: relative;
}

.dtimg {
    position: absolute;
    right: 30px;
    top: 60px;
    z-index: -1;
}

.menucontent {
    text-align: left;
    margin-top: 100px;
}

.trianglecontainer {
    position: relative;
    /* width: 0; */
    /* height: 0; */
}

.triangle {
    width: 200px;
    height: 200px;
    background: url("../images/hikaye.png") no-repeat center center;
    background-size: cover;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: scale(2.3);
    position: relative;
    margin: 0 auto;
    background-position: -100px;
    opacity: 0;
    transition: all 3s;
}

.kopyaladiv {
    background: #FF9D00;
    padding: 7px;
    padding-top: 7px;
    padding-bottom: 13px;
    width: 13px;
    position: absolute;
    right: 10px;
    bottom: -36px;
    border-radius: 7px;
    height: 7px;
    cursor: pointer;
}


.headerdivvv h3 {
    margin: 0px;
    font-size: 24px;
    /* text-align: left; */
    width: 100% !important;
    margin: 0 auto;
    color: #003E92;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}



    .menudivvv a {
        color: #003E92;
        text-decoration: none;
        font-size: 16px;
        position: relative;
    }

        .menudivvv a svg {
            display: inline-block;
            vertical-align: middle;
            border-left: 1px solid #F4F4F4;
         /*   padding: 10px;*/
            margin-bottom: 30px;
        }

.content-container {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: -160px;
}

/* Ana konteyner */
.volunteer-container {
    display: flex;
    justify-content: center;
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Sol sütun stili */
.volunteer-left {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    width: 48%;
    margin: 12px;
}

/* Form bölümü stili */
.form-section {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    width: 48%;
    margin: 12px;
}

    /* Başlık stilleri */
    .volunteer-left h1, .form-section h1 {
        font-size: 24px;
        color: #0056b3;
        margin-bottom: 20px;
    }

/* Gönüllülük alanı öğesi stili */
.volunteer-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #FF9D00;
    padding-bottom: 13px;
    padding-top: 13px;
    padding: 13px;
    border-radius: 13px;
}

/* Ä°kon stili */
.volunteer-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

/* Gönüllülük alanı metin stili */
.volunteer-text h3 {
    margin: 0px;
    font-size: 18px;
    color: #FF9D00;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.volunteer-text p {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

/* Form stili */
.form-section form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Form grup stili */
.form-group {
    display: flex;
    flex-direction: column;
}

/* Etiket stili */
.form-section form label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

/* Girdi alanları stili */
.form-section form input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-section form select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
    margin-right: 30px;
    font-size: 19px;
    color: #fff;
}

.fa-clipboard:before {
    content: "\f328";
}

.form-section form textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.section iframe {
    /*height: 390px;
    margin-top: -300px;*/
}


.form-section button {
    background: #003E92;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

.content-container img {
    width: 100%;
    margin: 0 auto;
    border-radius: 13px;
    margin-top: 30px;
}

.content-container h3 {
    color: #003366;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-align: left;
}

.summary-container {
    background-color: #fff;
    width: 1320px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 160px;
}



.progress-step {
    text-align: center;
    flex: 1;
    position: relative;
    z-index: 999;
}

    .progress-step::before {
        content: '';
        position: absolute;
        top: 23%;
        left: 0;
        right: 0;
        height: 2px;
        background: #ccc;
        z-index: -1;
    }

    .progress-step:first-child::before {
        left: 50%;
    }

    .progress-step:last-child::before {
        right: 50%;
    }

    .progress-step.active::before {
        background: #ff9900;
    }

.progress-icon {
    background: #003E92;
    color: #fff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

    .progress-icon img {
        width: 60px;
    }

.progress-step.active .progress-icon {
    background: #ff9900;
}

.progress-label {
    font-size: 13px;
    font-weight: bold;
    color: #003E92;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.progress-step.active .progress-label {
    color: #ff9900;
}

.copy-icon-wrapper {
    background-color: #dcdcdc;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
}

.copy-icon {
    position: relative;
    width: 24px;
    height: 24px;
}

.icon-square {
    width: 100%;
    height: 100%;
    border: 2px solid #006837;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

    .icon-square::before {
        content: '';
        width: 16px;
        height: 16px;
        border: 2px solid #006837;
        border-radius: 2px;
        position: absolute;
        top: -4px;
        left: -4px;
    }

.icon-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #006837;
    font-size: 16px;
    font-weight: bold;
}

.summary-content {
    text-align: center;
    margin-bottom: 20px;
}

    .summary-content p {
        color: #003E92;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 13px;
    }

.donation-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    /* box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); */
    /* margin-bottom: 60px; */
    /* background: #fff; */
}

    .donation-summary img {
        width: 50px;
        height: 50px;
    }

    .donation-summary div {
        flex: 1;
        margin-left: 10px;
        text-align: left;
    }

        .donation-summary div span {
            display: block;
            font-family: "Montserrat", sans-serif;
            font-weight: 500;
            color: #000;
            color: #003E92;
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
        }

.donation-amount {
    font-size: 20px;
    font-weight: bold;
    color: #ff9900 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.donation-actions {
    display: flex;
    justify-content: space-around;
}

.bilgilerdiv {
    display: flex;
}

.donation-actions button {
    background: #003E92;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}

    .donation-actions button.secondary {
        background: #ccc;
        color: #000;
    }



.formcontainer h3 {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
}

.form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    margin-top: 30px;
}


.formcontainer::placeholder {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.form input[type="text"],
.form input[type="email"] {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.form label {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 13px;
}

.form input[type="radio"] {
    margin-right: 5px;
}





    .forrm input[type="text"],
    .forrm input[type="email"] {
        flex: 1;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 14px;
    }

    .forrm label {
        flex: 1;
        font-size: 14px;
        color: #003366;
    }

    .forrm input[type="radio"] {
        margin-right: 5px;
    }




    .card-preview input {
        transform: rotateY(0deg); /* Input içeriğini geri döndürür */
    }

.isimdiv {
    position: absolute;
    bottom: -60px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}


    .güvenlikdiv input {
        width: 230px;
        font-size: 13px;
        background: unset;
        border: unset;
        color: #000;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.isimdiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.ibandiv {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.ayylikdiv {
    position: absolute;
    bottom: 70px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    display: none;
    font-size: 13px;
}

.ayyildiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.ibandiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

    .ibandiv input::placeholder {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #000;
        letter-spacing: 0px;
    }

.cart-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: 300px;
    border: 1px solid #d4d4d4;
    position: absolute;
    bottom: 310px;
    right: 30px;
}

    .cart-container h3 {
        color: #003366;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 24px;
        text-align: left;
    }

.cart-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: 300px;
    border: 1px solid #d4d4d4;
    position: absolute;
    bottom: 310px;
    right: 30px;
}

    .cart-container h3 {
        color: #003366;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 24px;
        text-align: left;
    }

.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
    margin-top: 30px;
}

.item-name {
    flex: 1;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.item-quantity-controls {
    display: flex;
    align-items: center;
}

.item-qty-btn {
    background-color: #fff;
    border: 1px solid #003366;
    color: #003366;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}

.item-qty-number {
    font-size: 14px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.card-preview {
    padding: 10px;
    border-radius: 13px;
    transition: transform 0.6s;
    transform-style: preserve-3d; /* 3D efekt için */
    position: relative;



    height: 160px;
    background: #FF9D00;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    transition: all 1s;
}


    .card-preview .card-front, .card-preview .card-back {
        position: absolute;
        width: 100%;
        backface-visibility: hidden; /* Arkayı gizlemek için */
    }

    .card-preview .card-back {
        transform: rotateY(180deg); /* Arkayı döndür */
    }

.item-amount {
    flex: 1;
    text-align: right;
    color: #003366;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.item-remove-btn {
    background: none;
    border: none;
    color: #ff0000;
    cursor: pointer;
    font-size: 14px;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.total-amount {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.navigation {
    position: absolute;
    bottom: -10px;
    /* left: 20%; */
    /* transform: translateX(-50%); */
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}


.navigationn {
    position: absolute;
    bottom: -10px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    left: 20%;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.navigation a {
    color: #ff9900;
    text-decoration: none;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin: 10px;
    /* color: #ff9900 !important; */
}

.total-amount {
    color: #003366;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin: 10px;
}

.continue-button {
    background: #ff9900;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.content-container p {
    text-align: left;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 33px;
}

    .content-container p svg {
        width: 13px;
        height: 13px;
    }

.main-content {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.image-gallery {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .image-gallery img {
        border-radius: 6px;
        display: inline-block;
        vertical-align: top;
        width: 113px;
    }

        .image-gallery img:nth-child(1) {
            width: 100% !important;
        }

.text-content {
    flex: 2;
    padding-left: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: left;
}

    .text-content h2 {
        color: #003366;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .text-content h3 {
        color: #003366;
        font-size: 20px;
        margin-top: 20px;
    }

    .text-content p, .text-content ul {
        color: #333;
    }

    .text-content ul {
        list-style: disc;
        padding-left: 20px;
    }

.additional-news {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .additional-news h3 {
        color: #003366;
        font-size: 20px;
        margin-bottom: 20px;
    }

.news-item {
    display: inline-block;
    width: calc(33.333% - 10px);
    margin-right: 10px;
    margin-bottom: 20px;
}

    .news-item img {
        width: 100%;
        border-radius: 5px;
    }

    .news-item p {
        color: #003366;
        margin-top: 10px;
        text-align: center;
    }

.menudivvv a:hover {
    text-decoration: underline;
}

.donation-sectiondivvv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    padding: 20px;
    width: 1230px;
    margin: 0 auto;
}

.donation-carddivvv {
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 360px;
}

    .donation-carddivvv img {
        width: 100%;
        height: 300px;
    }

.donation-detailsdivvv {
    padding: 20px;
    width: 49%;
}

    .donation-detailsdivvv h3 {
        margin: 0px 0px 10px 0px;
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #003E92;
    }

    .donation-detailsdivvv p {
        margin: 0px 0px 10px 0px;
        color: #003E92;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.donation-amountsdivvv {
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 10px;
}

.donation-detailsdivvv input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
}

.donation-frequencydivvv {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .donation-frequencydivvv label {
        font-size: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

:focus {
    outline: 0
}

* {
    list-style: none;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

body {
    /* background: #242422; */
}

@font-face {
    font-family: 'Frunch';
    src: url(../font/Frunch.otf);
}

@font-face {
    font-family: 'Gilroy';
    src: url(../font/Gilroy-Regular.ttf);
}

.header {
    /* position: absolute; */
    width: 100%;
    z-index: 1;
    top: 0;
    background: auto;
    z-index: 1;
    /* background-image: linear-gradient(red, yellow); */
    /* overflow: hidden; */
    /* overflow: hidden; */
    height: 160px;
    /* background-image: linear-gradient(to right, #fff , #ffffff9c); */
    /* position: absolute; */
    z-index: 999;
    position: absolute;
    left: 0px;
    /* display: none; */
    background: #003E92;
}

.section {
    background: #003E92;
}

.menuopen {
    position: fixed;
    top: 10px;
    right: 60px;
    z-index: 999999999999999;
}

#fullpage {
    overflow: hidden;
    background: #dcedf4;
}

.menuu {
    width: 170%;
}

.menumenu {
}


.kurumsaldiv {
    position: absolute;
    top: 200px;
    text-align: center;
    width: 100%;
    text-align: center;
    font-family: "Petit Formal Script", cursive;
    font-weight: 200;
    font-size: 50px;
    color: #fff;
}

.menumobil {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    height: 60px;
    text-align: center;
    padding-top: 30px;
    cursor: pointer;
    z-index: 101010101010;
    padding-bottom: 10px;
    display: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.svgdiv {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: center;
}


.container {
    display: flex;
    width: 1200px;
    margin: auto;
    /* padding: 20px; */
}

.image-section {
    flex: 1;
}

    .image-section img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

.info-section {
    flex: 1;
    padding: 20px;
}

    .info-section h1 {
        color: #0044cc;
        margin-bottom: 20px;
    }

    .info-section p {
        margin-bottom: 20px;
    }

.donation-types {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

::placeholder {
    color: #000 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.donation-type {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

    .donation-type svg {
        display: block;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .donation-type.active {
        color: #ff9900;
        border-color: #ff9900;
    }

.donation-form {
    margin-bottom: 20px;
}

    .donation-form label {
        display: block;
        margin-bottom: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
    }

    .donation-form select {
        -webkit-appearance: none; /* iOS ve Safari için */
        -moz-appearance: none; /* Firefox için */
        appearance: none; /* Tüm modern tarayıcılar için */
        width: 60%;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

.donation-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .donation-options label {
        flex: 1;
        text-align: center;
    }

    .donation-options input {
        margin-right: 5px;
    }


.donate-now, .add-to-cart {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.donate-now {
    background: #ff9900;
    color: #fff;
}

.donatenow {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: #ff9900;
    color: #fff;
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.add-to-cart {
    background: #0044cc;
    color: #fff;
    /*margin-top: 30px !important;*/
}

.svgdivvv {
    color: #fff;
    position: absolute;
    right: 30px;
    top: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}


.container {
    display: flex;
    width: 1190px;
    margin: auto;
    /* padding: 20px; */
    /* gap: 20px; */
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 1px 1px 100px #00000014; */
    align-items: center;
}

.image-section {
    flex: 1;
    /* width: 30% !important; */
    flex-basis: 10px !important;
    overflow: hidden;
}

    .image-section img {
        width: 100%;
        height: auto;
        transition: all 0.5s;
    }

.info-section {
    flex: 1;
    padding: 20px;
    /* background: #f9f9f9; */
    border-radius: 10px;
    width: 30% !important;
    flex-basis: 500px;
    text-align: center;
}

    .info-section h1 {
        color: #0044cc;
        margin-bottom: 20px;
        color: #0044cc;
        font-size: 46px;
        margin-bottom: 20px;
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .info-section p {
        /* margin-bottom: 20px; */
        color: #555;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        margin-top: 30px;
        font-size: 13px;
    }

.donation-types {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.donation-type {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    flex: 1;
    margin: 0px 5px;
    color: #003E92;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.donation-form {
    display: none;
    opacity: 0;
    transition: all 1s;
}

.donation-type.active {
    color: #ff9900;
    border-color: #ff9900;
}

.donation-form {
    margin-bottom: 20px;
}

    .donation-form label {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
    }

.amount-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.kurban-card {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    width: 30%;
    position: relative;
    margin: 30px;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* border-top-left-radius: 30px; */
    /* border-top-right-radius: 30px; */
    flex: 0 0 260px;
}

.kurban-image img {
    width: 100%;
    /* height: 100vh; */
    transform: scale(1.3);
    /* margin-top: 30px; */
    padding-top: 60px;
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
}

.kurban-details {
    padding: 10px;
    /* background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); */
    color: #fff;
    position: absolute;
    bottom: 60px; /* Adjust based on the image height */
    width: 100%;
    padding: 30px;
    /* height: 100vh; */
    text-align: left;
    backdrop-filter: blur(10px);
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.burslardiv {
}

.kurban-details h3 {
    margin: 0;
    font-size: 1.2em;
}

.kurban-details p {
    margin: 5px 0 0;
    font-size: 1em;
}

.kurban-footer {
    background: #003366;
    color: #FFB118;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px; */
    padding-left: 16px;
    position: relative;
    top: -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

    .kurban-footer .kurban-icon img {
        width: 24px;
        height: 24px;
    }

.amount {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 60px;
    cursor: pointer;
    background: #fff;
    width: 60px;
    height: 60px;
    margin: 6px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.adresdiv {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin: 10px;
}

.amount:hover, .amount:focus {
    border-color: #0044cc;
    color: #0044cc;
}

.amount-options input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 10px;
}

.donation-frequency {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}



.news-header {
    margin-bottom: 20px;
}




.news-card:hover {
    transform: translateY(-10px);
}

.news-image img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
}

.news-card h2 {
    color: #00509e;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 13px;
}

.campaigns-container {
    display: flex;
    gap: 20px;
    width: 100%;
    /* text-align: center; */
    justify-content: center;
    margin-bottom: 60px;
    margin-top: 30px;
}

.campaign-card {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .campaign-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.card-content {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
}

    .card-content h3 {
        margin: 0px;
        font-size: 24px;
        color: #FF9D00;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }


.card-contentt {
    position: absolute;
    top: 60px;
    left: 20px;
    color: #fff;
}

    .card-contentt h3 {
        margin: 0px;
        font-size: 24px;
        color: #FF9D00;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }


.card-content h2 {
    margin: 10px 0;
    font-size: 36px;
    color: #003E92;
}

button {
    background: #fff;
    border: 2px solid blue;
    color: blue;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s, color 0.3s;
}

    button:hover {
        background: blue;
        color: #fff;
    }

.news-card p {
    margin: 10px 0px;
    color: #555;
    padding: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

.news-date {
    display: block;
    margin-top: 10px;
    color: #999;
    padding: 13px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.news-footer {
    margin-top: 40px;
    margin-bottom: 20px;
}

.rightdivv div ul li:hover .donation-wrapper {
    display: block;
}

.donation-wrapper {
    background: #fff;
    width: 270px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: -230px;
    display: none;
}

.donation-entry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    text-align: left;
}

.entry-details {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.entry-description {
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.entry-amount {
    font-weight: bold;
    color: #2d7a39;
    float: right;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* width: 30%; */
    position: absolute;
    right: 0;
}

.delete-icon {
    cursor: pointer;
}

.category-icon {
    font-size: 24px;
}

.donation-total {
    display: flex;
    margin: 15px 0px;
    font-weight: bold;
    background: #f0f4f1;
    padding: 10px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin-top: 60px;
}

.responsive-row {
    margin-top: 30px;
}

    .responsive-row span {
        color: #333;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        display: block;
        margin-top: 13px;
    }


        .responsive-row span:nth-child(1) {
            color: #333;
            font-family: "Montserrat", sans-serif;
            font-weight: 700;
        }

.total-label {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.total-amount {
    color: #2d7a39;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.button-proceed {
    width: 100%;
    background: #FF9D00;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 60px;
    margin-bottom: 10px;
    /* border-top-right-radius: 19px; */
    /* border-top-right-radius: 19px; */
}

.button-back {
    width: 100%;
    background: #4779CC;
    color: #fff;
    border: none;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 60px;
    /* border-top-right-radius: 19px; */
}

    .button-proceed:hover, .button-back:hover {
        opacity: 0.7;
    }

.popupcontent label {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.trhdiv {
}

.news-footer button {
    background: #fff;
    border: 2px solid #00509e;
    color: #00509e;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-size: 14px;
}

    .news-footer button:hover {
        background: #00509e;
        color: #fff;
    }

.donation-frequency label {
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.donation-frequency input {
    margin-right: 5px;
}


.donate-now, .add-to-cart {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    flex: 1;
    margin: 0px 5px;
}

.donate-now {
    background: #ff9900;
    color: #fff;
    /* width: 330px; */
}


.donatenowv {
    color: #fff;
    border: unset;
    margin-right: 30px;
    /* width: 330px; */
    font-weight: 300;
}

.add-to-cart {
    background: #0044cc;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    /* width: 300px; */
}

.containerdiv {
    text-align: center;
    padding: 20px;
    margin-bottom: 70px;
}

h1 {
    color: #FF9D00;
    color: #FF9D00;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

h2 {
    color: blue;
    color: #FF9D00;
    color: #003E92;
    font-size: 36px;
    /* margin-bottom: 20px; */
    margin-top: 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}



.slider-wrapperdiv {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%; /* Ensure the slider wrapper takes full width */
}


.slider-wrapperdivv {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%; /* Ensure the slider wrapper takes full width */
}

.carddiv {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 20px;
    margin: 20px;
    max-width: 300px;
    text-align: left;
    flex: 0 0 300px; /* Ensures each card takes up the same width */
    text-align: center;
}

    .carddiv h3 {
        /* color: #FF9D00; */
        color: #FF9D00;
        font-size: 13px;
        /* margin-bottom: 20px; */
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .carddiv h4 {
        color: #003E92;
        */ color: #FF9D00;
        font-size: 23px;
        margin-bottom: 20px;
        /* margin-top: 30px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .carddiv p {
        margin: 10px 0px;
        color: #555;
        */ color: #FF9D00;
        font-size: 13px;
        /* margin-bottom: 20px; */
        margin-top: 30px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.progressdiv {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .progressdiv span {
        margin-right: 10px;
        color: #555;
        font-size: 13px;
        /* margin-bottom: 20px; */
        /* margin-top: 30px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.progress-bardiv {
    background: #FF9D00;
    height: 4px;
    width: 50%; /* Change this to reflect the progress */
    border-radius: 2px;
}

button {
    background: unset;
    border: 2px solid #A8BEE2;
    color: #003E92;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    border-radius: 60px !important;
}

    button:hover {
        background: #EDF5FF;
        color: #003E92;
    }

.navigationdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

    .navigationdiv button {
        background: none;
        border: none;
        font-size: 2rem;
        cursor: pointer;
        margin: 0 10px;
        transition: color 0.3s;
    }

        .navigationdiv button:hover {
            color: blue;
        }

.dotsdiv {
    display: flex;
}

.dotdiv {
    height: 12px;
    width: 12px;
    background: #bbb;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 1s;
}

    .dotdiv.active {
        background: #003E92;
        width: 60px;
    }


.dotdivvv {
    height: 12px;
    width: 12px;
    background: #bbb;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
    cursor: pointer;
    transition: all 1s;
}

.kurban-icon {
    background: #FFB118;
    text-align: center;
    width: 60px;
    padding-left: 10px;
    border-bottom-right-radius: 10px;
}

.dotdivvv.active {
    background: #003E92;
    width: 60px;
}

.svgdivv {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.menutext {
    color: #0C8F97;
}

.line {
    background: #fff;
    width: 50%;
    height: 5px;
    margin: 0 auto;
    margin-top: 10px;
    position: absolute;
    top: -10px;
    border-radius: 60px;
}


.bankadiv {
    display: none !important;
}

.menudiv {
    background: #001B34;
    position: fixed;
    top: 0;
    right: 0;
    width: 33.6%;
    height: 100vh;
    z-index: 999999999;
    transition: all 0.5s;
    opacity: 0;
    display: none;
    overflow: scroll;
    /* border-left: 7px solid #4db4e83b; */
    box-shadow: 1px 1px 100px #dedede;
    /* background-image: linear-gradient(to right, #6ca098, #49756d); */
}

.bankadiv {
    position: fixed;
    display: flex;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #EDF5FF;
    width: 100%;
    padding: 0px;
    z-index: 9999999999;
    font-size: 13px;
    transition: all 1s;
    justify-content: center;
}

    .bankadiv:hover {
        right: 0;
    }

    .bankadiv .donatenowv {
        width: 100%;
        text-align: left;
        text-align: center;
    }

    .bankadiv .svgdiv {
        /* width: 100%; */
        position: relative;
        /* left: -17px; */
    }

        .bankadiv .svgdiv svg {
            width: 30px;
        }

.menudivv {
    position: absolute;
    top: 10px;
    right: -90px;
    width: 300px; /* z-index: -1; */
    display: none; /* margin-left: 100px; */
    margin-right: -100px;
    opacity: 0;
    transition: all 3s;
}

.ucgenimg {
    position: absolute;
    bottom: 34vh;
    right: 52%;
    width: 13%;
    margin-bottom: -60px;
    opacity: 0;
    transition: all 3s;
}

.menucenter {
    width: 93%;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -30px;
    text-align: right;
}

.divvv {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    position: absolute;
    width: 100%;
    text-align: center;
}

#video-section::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    background: #ffffff8f;
}

.topmenudiv {
    /* background: #000; */
    width: 1500px;
    padding: 10px;
    border-bottom: 3px solid #4779CC;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0 auto;
    position: relative;
}

.dtimg {
    position: absolute;
    right: 30px;
    top: 60px;
    z-index: -1;
}

.menucontent {
    text-align: left;
    margin-top: 100px;
}

.trianglecontainer {
    position: relative;
    /* width: 0; */
    /* height: 0; */
}

.triangle {
    width: 200px;
    height: 200px;
    background: url("../images/hikaye.png") no-repeat center center;
    background-size: cover;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: scale(2.3);
    position: relative;
    margin: 0 auto;
    background-position: -100px;
    opacity: 0;
    transition: all 3s;
}


.headerdivvv {
    text-align: center;
    padding: 30px;
    /* background: #fff; */
    color: #fff;
    margin-top: 160px;
    width: 1400px;
    margin: 0 auto;
}

.vakifdivvv {
    margin-top: 160px;
    width: 100%;
    background: #FF9D00;
    padding: 60px;
    position: relative;
    overflow: hidden;
    text-align: left;
    padding-left: 19%;
}

.divsvg svg {
    width: 300px !important;
}

.vakifdivvv svg {
    width: 13px;
    /* height: 13px; */
}

.vakifdivvv h1 {
    margin: 0px;
    font-size: 30px;
    text-align: left;
    width: 100% !important;
    margin: 0 auto;
    color: #003E92 !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
}

.vakifdivvv p {
    text-align: left;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-top: 19px;
    letter-spacing: 3px;
}

.divsvg {
    position: absolute;
    right: 260px;
    top: -190px;
    width: 230px;
}

.menudivvv {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
    margin-top: 60px;
    background: #fff;
    padding: 40px;
    padding-bottom: 80px;
}


        .menudivvv a:hover {
            text-decoration: underline;
        }

.donation-sectiondivvv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    padding: 20px;
    width: 1230px;
    margin: 0 auto;
}

.donation-carddivvv {
    background: #fff;
    border-radius: 13px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 460px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

    .donation-carddivvv img {
        width: 100%;
        height: 230px;
    }

.donation-detailsdivvv {
    padding: 20px;
    width: 90%;
}

    .donation-detailsdivvv h3 {
        margin: 0px 0px 10px 0px;
        font-size: 18px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #003E92;
    }

    .donation-detailsdivvv p {
        margin: 0px 0px 10px 0px;
        color: #003E92;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.donation-amountsdivvv {
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
}


.donation-frequencydivvv {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .donation-frequencydivvv label {
        font-size: 14px;
    }

.add-to-cartdivvv {
    /* background: #004aad; */
    color: #004aad;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #A8BEE2;
}

    .add-to-cartdivvv svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.trianglecontainerr {
    position: absolute;
    bottom: -260px;
    right: 30%;
    /* width: 0; */
    /* height: 0; */
    z-index: 999;
    background: #000;
    transform: rotate(180deg);
    background: #bc7d20;
    mix-blend-mode: color;
    transform: rotate(180deg) scale(2);
}

.container-section {
    text-align: center;
    /* padding: 20px; */
    padding-top: 30px;
    width: 100%;
    padding-bottom: 30px;
}

    .container-section h1 {
        color: #FCA51A;
        margin-bottom: 10px;
    }

    .container-section h2 {
        color: #fff;
        margin-bottom: 20px;
    }

.projects-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.project-card {
    background: #003E92;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding: 30px;
    margin: 10px;
    max-width: 300px;
    text-align: center;
    flex: 1 1 200px;
    transition: transform 0.3s ease;
    border: 3px solid #4779CC;
}

    .project-card:hover {
        transform: translateY(-10px);
    }

.project-image img {
    border-radius: 30px;
    width: 70%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
    transform: scale(1.3);
}

.project-card h3 {
    color: #FF9D00;
    margin-bottom: 10px;
    */ font-family: "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.project-card p {
    margin: 10px 0px;
    color: #ddd;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.container-section button {
    background: #003E92;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-size: 13px;
    margin-top: 30px;
}

    .container-section button:hover {
        background: blue;
        color: #fff;
    }

.trianglee {
    width: 200px;
    height: 200px;
    background-size: cover;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: scale(3.3);
    position: relative;
    margin: 0 auto;
    background-position: -100px;
    transition: all 3s;
    background: #000;
    background: #fff;
    background: #bc7d20;
    mix-blend-mode: color;
}

.cv {
    position: absolute;
    right: -30px;
    top: 10px;
    left: unset !important;
}

.triangle img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.menucontent div ul li {
    margin-top: 19px;
    color: #fff;
    font-size: 38px;
    cursor: pointer;
    position: relative;
    left: -50%;
    opacity: 0;
    transition: all 1s;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

    .menucontent div ul li a {
        color: #fff;
    }

.headerimg {
    width: 100%;
    display: none;
}

.backdiv {
    width: 100%;
    /* height: 0px; */
    /* position: absolute; */
    top: 0;
    /* filter: blur(10px); */
    /* background: #4a4a4a21; */
    /* opacity: 0.6; */
    /* backdrop-filter: blur(10px); */
    /* background: #242422; */
}

.buttondiv svg {
    position: absolute;
    right: -6px;
    bottom: -23.6px;
    transform: rotate(240deg);
    width: 30px;
}

.bagisdiv {
    width: 190px !important;
    padding-right: 0px !important;
}

    .bagisdiv button {
        width: 100%;
        border-radius: 10px;
        background: #FF9D00;
        padding: 13px;
        border: 0px;
    }

    .bagisdiv svg {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        transform: scale(1.3);
    }

.bagisdivv {
    width: 190px !important;
    padding-right: 0px !important; /* position: absolute; */ /* left: 70px; */ /* bottom: 60px; */
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

    .bagisdivv button {
        width: 100%;
        border-radius: 10px;
        background: #FF9D00;
        padding: 13px;
        border: 0px;
    }

    .bagisdivv svg {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
    }

.bagisyapdiv {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-left: 1px solid #fff;
    padding-left: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.bagisyapdivvv {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 999;
    width: 60%;
}

    .bagisyapdivvv div ul li {
        display: inline-block;
        vertical-align: top;
    }

.buttondivv svg {
    position: absolute;
    right: 28px;
    bottom: -15.9px;
    transform: rotate(245deg);
    width: 60px;
}

.headertop {
    /* position: absolute; */
    top: 0;
    width: 100%;
    /* height: 220px; */
    /* background: #000; */
    /* background-image: linear-gradient(#0000004a, #00000012); */
    /* padding-top: 38px; */
}

.projevariandiv {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #fff;
    text-align: left;
    padding: 12px;
    color: #BC7D20;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
    position: relative;
    font-size: 13px;
}

    .projevariandiv svg {
        position: absolute;
        right: -6px;
        top: -2px;
        height: 47px;
    }

.buttondiv {
    margin-top: 30px;
    width: 260px;
    position: relative;
    cursor: pointer;
}

.logoimg {
    margin: 0 auto;
    top: -70px;
    width: 160px;
}

.buttondivv {
    margin-top: 30px;
    width: 260px;
    position: relative;
}

.ucgenlerimg {
    position: absolute;
    top: -10px;
    left: 130px;
    width: 70%;
}

.formallpage {
    transition: all 1s;
    position: fixed;
    right: -352px;
    top: 0;
    z-index: 9999999999;
    height: 100vh;
}

.formcicegiimg {
    position: absolute;
    /* top: 0; */
    bottom: -100px;
    right: 0;
    z-index: 9999999999;
}

.sosyalmedya {
    position: absolute;
    top: 150px;
    width: 60px;
    left: 60px;
}

.diagonal-button {
    padding: 26px;
    font-size: 16px;
    color: #BC7D20;
    background: #fff;
    border: 0px;
    border: 2px solid #BC7D20;
    /* border-left: 1px solid #000; */
    cursor: pointer;
    outline: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* clip-path: polygon(19% 0, 100% 0, 79% 100%, 0% 100%); */
    transition: all 0.6s;
    font-family: "Kanit", sans-serif;
    width: 100%;
    position: relative;
    z-index: 999;
    /* border-right: 30px solid #000; */
    transform: skew(-30deg);
}

.buttondiv:hover .diagonal-button {
    background: #BC7D20;
    color: #fff;
}

.buttondiv:hover .buttondivvv {
    color: #fff;
}


.buttondiv:hover .diagonal-buttonn {
    background: #001B34;
    color: #fff;
}

.buttondiv:hover .buttondivvv {
    color: #fff;
}

.krml {
    margin-top: 60px;
    opacity: 0;
    transition: all 3s;
}

.diagonal-buttonn {
    padding: 26px;
    font-size: 16px;
    color: #BC7D20;
    background: #fff;
    border: 0px;
    border: 2px solid #001B34;
    /* border-left: 1px solid #000; */
    cursor: pointer;
    outline: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* clip-path: polygon(19% 0, 100% 0, 79% 100%, 0% 100%); */
    transition: all 0.6s;
    font-family: "Kanit", sans-serif;
    width: 100%;
    position: relative;
    z-index: 999;
    /* border-right: 30px solid #000; */
    transform: skew(-30deg);
}

    .diagonal-buttonn:hover {
        background: #001B34;
        color: #fff !important;
    }

.sosyalmedya svg {
    width: 60px;
}

.slidertext {
}

.sosyaldonatilar {
    position: absolute;
    right: 60px;
    left: none;
    top: 260px;
    transform: rotate(0deg);
}

    .sosyaldonatilar h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        letter-spacing: 6px;
        color: #fff;
        text-shadow: 1px 1px 10px #000;
    }

.mapimg {
    width: 100%;
}

.ayricaliklar {
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center;
}

    .ayricaliklar div ul li {
        width: 27%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: -27px;
    }

.referanslardiv {
    background: #fff;
    width: 700px;
    padding: 30px;
    margin: 0 auto;
    margin-top: 60px;
    /* border-radius: 30px; */
    border: 1px solid #001B34;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .referanslardiv::after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
    }

    .referanslardiv div ul li {
        width: 23%;
        display: inline-block;
        vertical-align: top;
    }

        .referanslardiv div ul li img {
            width: 100%;
        }

.refimg {
    position: absolute;
    right: -1px;
    top: -1px;
}

.refimgg {
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.ayricaliklar div ul li img {
    width: 100%;
}

.sosyaldiv {
    position: fixed;
    bottom: 30px;
    text-align: center;
    width: 100%;
    right: 60px;
    z-index: 999;
    width: 30px;
}

.mutludiv {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 9999999999;
    line-height: 100px;
    opacity: 0;
    transition: all 3s;
    margin-top: -160px;
}

.kalitediv {
    font-size: 20px;
    color: #fff;
    font-family: "Kanit", sans-serif;
}

.mutdiv {
    font-size: 50px;
    /* font-family: "Kanit", sans-serif; */
    font-family: "Petit Formal Script",;
    font-family: "Petit Formal Script";
}

.ediyordiv {
    font-size: 39px;
    color: #fff;
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    letter-spacing: 6px;
}

.ayricaliktitle1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 6px;
    color: #fff;
}

.ayricaliktitle2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    color: #fff;
}

svg path {
    transition: all 1s;
}

.binaimg {
    position: absolute;
    bottom: -190px;
    /* z-index: 9999999999; */
    width: 100%;
    right: -160px;
    opacity: 0;
    transition: all 3s;
    z-index: 9999999999;
}

.slidertext h3 {
    font-size: 60px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 10px #000;
    font-family: 'Afterglow';
}

.noktaimg {
    position: relative;
    /* right: -100px; */
    width: 260px;
    margin-top: 30px;
    top: 46px;
    left: 160px;
}

.alttext {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 10px #000;
}

#section3 {
    background: url('../images/section.png');
}

#sectionn {
    background: url('../images/section.png');
    background-size: 100%;
}

.cizgidiv {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    bottom: 60px;
}

.cizgi {
}

.videodiv {
    width: 100%;
    position: fixed;
    z-index: 9999999999;
    height: 100vh;
    transition: all 3s;
    background: #f3f3f3;
}

    .videodiv video {
        width: 100%;
        height: 100vh;
        transform: scale(1.2);
    }

.formcontent {
    z-index: 9999999;
    width: 350px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    transition: 0.5s ease-in-out;
    font-weight: 300;
    box-shadow: 0 0 50px #00000030;
    height: 100vh;
    padding-top: 130px;
}

.siziarayalim {
    font-size: 30px;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.form li {
    padding: 0;
    list-style: none;
    font-size: 14px;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 6px 0px;
    text-align: initial;
    color: #000;
}

    .form li label {
        color: #fff;
        text-align: unset !important;
        color: #000;
        font-family: 'Inter', sans-serif;
        font-weight: 200;
    }

        .form li label span {
            color: #E6A15F;
            text-align: unset !important;
            /* font-family: 'Open Sans', sans-serif; */
            font-family: 'Inter', sans-serif;
            color: #000;
        }

.projediv {
    width: 1100px;
    margin: 0 auto;
}

.projedivv {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.projedivvv {
    margin-top: 16px;
}

.footer {
    background: #003E92;
    color: #fff;
    padding: 40px 20px;
    overflow: hidden;
}


.footer2 {
    background-color: #003E92;
    color: #fff;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.newsletter {
    text-align: center;
    padding-bottom: 40px;
}

    .newsletter h2 {
        color: #FF9D00;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .newsletter h3 {
        color: #fff;
        font-size: 32px;
        margin-bottom: 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.newsletter-form {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
    padding: 10px;
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 4px;
    width: 200px;
}

.newsletter button {
    background: #FF9D00;
    border: none;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

    .newsletter button:hover {
        background: #FF9D00;
    }

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.footer-section {
    flex: 1;
    min-width: 200px;
    margin-bottom: 20px;
}

    .footer-section img {
        width: 100px;
        margin-bottom: 10px;
    }

    .footer-section h4 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .footer-section ul {
        list-style: none;
        padding: 0;
    }

        .footer-section ul li {
            margin-bottom: 10px;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
        }

            .footer-section ul li a {
                color: #fff;
                text-decoration: none;
            }

                .footer-section ul li a:hover {
                    text-decoration: underline;
                }

    .footer-section p {
        /* margin: 5px 0px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.footer-bottom {
    text-align: center;
    padding-top: 20px;
}

    .footer-bottom p {
        margin: 5px 0px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

    .footer-bottom .design-by {
        color: #ccc;
        font-size: 14px;
    }

.tabdivv {
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
}

    .tabdivv div {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        cursor: pointer;
    }

.gokimg {
    width: 100%;
    height: 100vh;
}

.form .formtext, .form .formtextarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 37px;
    line-height: 32px;
    padding-left: 11px;
    background: none;
    /* font-family: "Korolev-Medium"; */
    color: #000;
    font-size: 12px;
    border: unset;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 5px;
    ont-family: 'Inter', sans-serif;
    font-family: 'Inter', sans-serif;
}

    .form .formtext::placeholder {
        color: #000;
    }

    .form .formtextarea::placeholder {
        color: #000;
    }

.haritadivvv {
    background: #001B34;
    width: 100%;
    height: 430px;
    position: relative;
    z-index: -1;
    margin-top: 100px;
}

.grupdiv {
    display: inline-block;
    vertical-align: top;
    width: 130px;
}

    .grupdiv img {
        width: 100%;
    }

.haritadivv {
    width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 9999999999;
    margin-top: -490px;
}

    .haritadivv img {
        width: 100%;
    }

.formtextarea {
    height: 90px !important;
}

.buttondivvv {
    position: absolute;
    top: 16px;
    /* width: 100%; */
    text-align: center;
    margin: 0 auto;
    z-index: 999;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s;
}

.formsubmit {
    width: 140px;
    padding: 11px;
    color: #000;
    width: 50%;
    padding: 11px;
    border: 1px solid #000;
    margin-bottom: 20px;
    transition: all 1s;
    background: unset;
    cursor: pointer;
    margin-top: 20px;
    font-weight: bold;
    height: unset;
    /* border-radius: 10px; */
    width: 120px;
}

    .formsubmit:hover {
        background: unset;
        border: 1px solid #C6894E;
        color: #C6894E;
    }

#formmenu {
    position: absolute;
    text-align: left;
    font-size: 22px;
    top: 250px;
    z-index: 5;
    right: 275px;
    transition: 1s ease-in-out;
    height: auto;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 164px;
    padding: 15px;
    transform: rotate(-90deg);
    background: #2b4a20;
    text-align: center;
    z-index: 9999999;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.menuimg {
}

.headercenter {
    position: relative;
    top: 0;
    width: 1500px;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    /* text-align: center; */
    margin: 0 auto;
}

.logo {
    width: 160px;
    position: absolute;
    left: 19px;
    top: 0;
}

    .logo img {
        width: 290px;
    }

.leftdiv {
    position: absolute;
    left: 0;
    color: #fff;
    top: 29px;
}

    .leftdiv div ul li {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        cursor: pointer;
        font-size: 15px;
    }

    .leftdiv div ul a {
        color: #fff;
    }

.rightdiv {
    /* position: absolute; */
    right: 0;
    top: 70px;
    color: #fff;
    top: 27px;
    /* text-align: center; */
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 16px; */
    z-index: 9999999999;
    display: inline-block;
    vertical-align: middle;
}

.rightdivv {
    position: absolute;
    right: 0px;
    top: 70px;
    color: #fff;
    top: 17px;
    /* text-align: center; */
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 16px; */
    z-index: 9999999999;
    width: 76%;
    /* background: #000; */
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

    .rightdivv:hover {
    }

.haritadiv {
    background: #001B34;
    width: 100%;
    height: 300px;
    margin-top: 60px;
}

.rightdiv div ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 7px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 400; */
    font-family: 'Inter', sans-serif;
    /* color: #000; */
    /* border-right: 1px solid #000; */
    padding-right: 17px;
    font-family: "Kanit", sans-serif;
}


.rightdivv div ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 400; */
    font-family: 'Inter', sans-serif;
    /* color: #000; */
    /* border-right: 1px solid #000; */
    padding-right: 17px;
    font-family: "Kanit", sans-serif;
    color: #fff;
    padding-bottom: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.owl-stage-outer {
    width: 810px;
    float: right;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: -160px;
}

.owl3 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.3) !important;
    z-index: 1;
    margin: 30px !important;
}

.owl6 .owl-stage-outer {
    float: unset;
    width: 100% !important;
}

.owl6 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(0.7);
    z-index: 1;
    margin: 20px !important;
}

.owl6 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.6) !important;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.projeediv {
    color: #BC7D20;
    font-size: 19px;
    font-family: "Kanit", sans-serif;
    margin-bottom: 16px;
    letter-spacing: 3px;
}

.owl3 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.3) !important;
    z-index: 99999999999999999999999 !important;
    /* margin-top: 30px !important; */
    position: relative;
    top: 60px;
}

    .owl3 .owl-item.center > div .projeediv {
        display: none;
    }

.projelerdiv {
    position: relative;
    width: 22.9%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #BC7D20;
    margin: 6px;
}

    .projelerdiv img {
        width: 100%;
    }

    .projelerdiv .projeediv {
        text-align: center;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .projelerdiv .projevariandiv svg {
        top: -5px;
    }

.owl3 .owl-item.center > div .projevariandiv {
    display: none;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.haklardiv {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    margin-top: 19px;
    color: #000;
}

.katalog {
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    color: #29471F;
    font-family: 'Poppins', sans-serif;
}

.rightdiv div ul a {
    color: #fff;
}


.mouseimg {
    position: absolute;
    width: 39px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 60px;
    z-index: 9999999999;
}



.allslide {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height: auto;
    position: relative;
    display: none;
}

.yerdiv {
    position: absolute;
    top: 140px;
    left: 200px;
    transform: scale(1);
    margin-left: 130px;
    opacity: 0;
    transition: all 3s;
}

.allslides {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height: auto;
    position: relative;
    display: none;
}

.shadowimg {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 100vh; */
    z-index: 9999999999;
    display: none;
}

.arrow {
    display: inline-block;
    vertical-align: top;
}

.slideok {
    width: 300px;
    text-align: right;
    position: absolute;
    right: 45.5%;
    margin-top: -70px;
}

.oklar {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 57px;
    margin: 7px;
}

.slider_Text {
    position: absolute;
    top: 25%;
    width: 85%;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

    .slider_Text div {
        margin-top: 10px;
        color: #fff;
    }

.slidertext {
    position: absolute;
    bottom: 200px;
    max-width: 1500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.title1 {
    font-size: 26px;
    color: #fff;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-top: 60px;
    transition: all 1s;
    top: 30px;
    opacity: 0;
}

.title2 {
    font-size: 36px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    position: relative;
    transition: all 1s;
    top: 30px;
    opacity: 0;
    margin-top: 10px;
}

.titles1 {
    font-size: 26px;
    color: #fff;
    position: relative;
    font-weight: 500;
    margin-top: 60px;
    transition: all 1s;
    top: 30px;
    opacity: 0;
}

.titles2 {
    font-size: 36px;
    color: #fff;
    font-weight: 200;
    position: relative;
    transition: all 1s;
    top: 30px;
    opacity: 0;
    margin-top: 10px;
}

.tabdiv {
    position: absolute;
    top: 30px;
    right: 160px;
    border-right: 1px solid #000;
    text-align: right;
    padding: 10px;
}

    .tabdiv div ul li a {
        color: #000;
    }

    .tabdiv div ul li {
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        margin-top: 3px;
        margin-bottom: 3px;
        position: relative;
        letter-spacing: 3px;
        cursor: pointer;
    }

        .tabdiv div ul li::after {
            content: '';
            position: absolute;
            right: -11px;
            height: 33px;
            top: -3px;
            width: 1px;
        }

.owlbutton {
    position: absolute;
    bottom: 150px;
    width: 1500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: left;
}

.buttonimg {
    width: 5%;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    cursor: pointer;
}

.titlebg {
    position: absolute;
    top: 55px;
    width: 100%;
    left: -500px;
}

.sliderimg {
    width: 100%;
}


.kurumsalldivv {
    width: 100%;
    margin: 0 auto;
    /* margin-top: -27px; */
    background: #295f351a;
    /* padding: 39px 0px 39px; */
    /* margin-top: 60px; */
    /* margin-top: -60px; */
    position: relative;
}

.container1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #295f351a;
}

.containerrr1 {
    width: 1160px;
    margin: 0 auto;
    text-align: center;
    background: #fff !important;
    border-radius: 13px;
    padding: 17px;
    overflow: hidden;
}

    .containerrr1 p {
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        /*width: 70%;*/
        /* margin: 0 auto; */
        margin-bottom: 30px;
        padding: 0px 30px;
    }

.iframediv {
    width: 100%;
    text-align: center;
}

    .iframediv iframe {
        width: 100%;
        height: 360px;
    }

    .iframediv button {
        background: #3F2824;
        color: #fff;
        padding: 10px;
        width: 130px;
        border-radius: 30px;
        border: unset;
        margin-top: 39px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        cursor: pointer;
    }

.gideceksiniz {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

    .gideceksiniz img {
        width: 100%;
    }

.tasarimharikasi {
    position: absolute;
    top: -60px;
    width: 27% !important;
    /* right: 0; */
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tasarimyasiyor {
    position: absolute;
    top: -10%;
    width: 26% !important;
    /* right: 0; */
    left: 0;
    right: 160px;
    margin: 0 auto;
}

.tasarimgiremez {
    position: absolute;
    top: -10px;
    width: 26% !important;
    /* right: 0; */
    left: 0;
    right: -600px;
    margin: 0 auto;
}

.gideceksiniztext {
    width: 20%;
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

    .gideceksiniztext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.tasarimyasiyortext {
    width: 300px;
    position: absolute;
    top: 17%;
    left: 0;
    right: 160px;
    margin: 0 auto;
    text-align: center;
}

    .tasarimyasiyortext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.tasarimtext {
    width: 360px;
    position: absolute;
    top: 17%;
    left: 0;
    right: -600px;
    margin: 0 auto;
    text-align: center;
}

    .tasarimtext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #49756d;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.gttext {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-top: 100px;
}

.gttextgiremez {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #49756d;
    font-size: 16px;
    margin-top: 120px;
}

.container2 {
    width: 1200px;
    margin: 0 auto;
    margin-top: -210px;
    margin-bottom: 0px;
    text-align: auto;
    position: relative;
    /* z-index: 9999999999; */
}

    .container2 svg {
        width: 100%;
    }

.container_Info div ul li {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
}

.blokdiv {
    position: absolute;
    top: 0;
    right: 0;
    background: #242422;
    padding: 10px;
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
}

.studyodiv {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #242422ba;
    padding: 19px;
}

.namediv {
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.alandiv {
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: right;
    width: 70%;
}

.ozelsehir div ul li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: -60px;
}

.inputdiv {
    margin-top: 16px;
    width: 300px;
    position: relative;
}

    .inputdiv svg {
        position: absolute;
        bottom: 0px;
        left: -13px;
    }

.ozelsehir div ul li form input {
    width: 100%;
    padding: 10px;
    background: unset;
    border: unset;
    color: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

::placeholder {
    color: #fff;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

.ozelsehir div ul li:nth-child(1) {
    margin-right: 30px;
    text-align: center;
    width: 56%;
    top: 30px;
}

.ozelsehirr div ul li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: 60px;
}

    .ozelsehirr div ul li:nth-child(2) {
        margin-right: 30px;
        text-align: center;
        width: 56%;
        top: 60px;
    }


.ozelsehirrr div ul li {
    width: 63%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: 60px;
}

    .ozelsehirrr div ul li:nth-child(2) {
        margin-right: 30px;
        text-align: center;
        width: 56%;
        top: 60px;
    }

.owl4 .item .ozelsehir div ul li {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    width: 56%;
}

    .owl4 .item .ozelsehir div ul li:nth-child(1) {
        margin-right: 30px;
        width: 40%;
    }

.iletisim div ul li {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: center;
}

    .iletisim div ul li:nth-child(1) {
        margin-right: 30px;
    }

.ozelimg {
    width: 100%;
}

.textspac {
    /* color: #92cef7; */
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #BC7D20;
    font-size: 20px;
}


.textspacc {
    /* color: #92cef7; */
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    /* font-family: "Kanit", sans-serif; */
    font-family: "Petit Formal Script", cursive;
    position: relative;
    left: -30px;
}


.textspaccc {
    /* color: #92cef7; */
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #001B34;
    font-size: 20px;
}


.textspaccccc {
    /* color: #92cef7; */
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-size: 16px;
    color: #fff;
    text-align: left;
    width: 210px;
    margin: 0 auto;
    margin-top: 30px;
}

.texttitle {
    font-size: 40px;
    margin-top: 10px;
    color: #3b3835;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Afterglow';
}

.donation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    background: #0044cc;
    border-top-left-radius: 50px;
    width: 40%;
    position: relative;
    z-index: 999;
    padding: 40px;
}

.header-content {
    display: flex;
    flex-direction: column;
}

    .header-content h2 {
        font-size: 36px;
        margin: 0px;
        color: #fff;
        display: inline-block;
    }

    .header-content .highlight {
        /* YeÅŸil vurgulama */
        color: #ddd;
    }

    .header-content p {
        font-size: 13px;
        color: #fff;
        margin-top: 10px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

.header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .header-icon svg {
        width: 50px;
        height: 50px;
    }



    .text p {
        margin-top: 30px;
        margin-bottom: 30px;
    }

.agac {
    width: 100px;
    margin: 0 auto;
    margin-top: 60px;
}

.agacc {
    width: 100px;
}

.scrollline {
    height: 20px;
    width: 0%;
    background: #C6894E;
    position: absolute;
    bottom: 30px;
    z-index: -1;
    transition: all 1s;
}

.grvmalscroll {
    right: -500px;
}

.scrolltops {
}

.cicekimg {
    width: 60px !important;
    margin: 0 auto;
}

.uskumrukoyyimg {
    width: 390px !important;
    margin: 0 auto;
    margin-top: 39px;
}

.containertitle {
    margin-top: 100px;
    /* width: 1150px; */
    margin: 0 auto;
    text-align: unset;
    text-align: center;
}

    .containertitle h3 {
        color: #fff;
        text-align: center;
        font-size: 39px;
        /* font-family: 'Poppins', sans-serif; */
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        color: #000;
        /* color: #FEC733; */
    }

    .containertitle .info-group h3 {
        font-size: 27px;
        text-align: unset;
    }

.haberlerdiv {
    /* display: flex; */
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
}

.galeridiv {
    /* display: flex; */
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
}

.hakkimizdadiv {
    margin-top: 100px;
    width: 100%;
    margin: 0 auto;
    text-align: unset;
}

.tarihdivvv {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 50%;
}

.yapitimg {
    position: absolute;
    /* bottom: -10px; */
    bottom: 0;
    right: -20%;
    z-index: -1;
    width: 47%;
}

.boxdiv {
    width: 260px;
    margin: 10px;
    /* text-align: center; */
    display: inline-block;
    vertical-align: middle;
}

    .boxdiv img {
        width: 100%;
    }

    .boxdiv h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        color: #fff;
    }

.tarihdiv {
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 600;
    /* color: #FEC733; */
    font-size: 12px;
    margin-top: 19px;
    font-family: "Petit Formal Script";
    font-size: 100px;
    width: 300px;
    position: relative;
    bottom: 60px;
    left: 10%;
    text-align: left;
}

.spandiv {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #333 !important;
}


.tarihdiv span {
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    /* color: #FEC733; */
    /* font-size: 12px; */
    /* margin-top: 19px; */
    color: #BC7D20;
}


.turuncutitle {
    color: #E6A15F;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    font-size: 50px;
    text-align: center;
}

.dusunluldudiv {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: center;
}

.dusunluldudivv {
    display: inline-block;
    vertical-align: top;
    width: unset;
    text-align: center;
    border-right: 1px solid #707070;
    padding: 17px;
}

.iletisimdiv {
    width: 100%;
    position: relative;
}

    .iletisimdiv img {
        width: 100%;
    }

.uygulamadiv {
    position: absolute;
    bottom: 100px;
    left: 100px;
}

.masaldiv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 39px;
}

.turkiyediv {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 39px;
}

.uygulamadiv button {
    padding: 19px;
    background: #242422;
    border: unset;
    border-radius: 30px;
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.textinfo {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}

.grvmall {
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}

    .grvmall div ul li {
        width: 66%;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
    }

        .grvmall div ul li:nth-child(2) {
            width: 26%;
        }

        .grvmall div ul li img {
            width: 100%;
        }

.isra {
    position: relative;
    margin-top: -10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-content: center;
}

.uskumrukoydiv {
    margin-top: 60px;
    padding-top: 119px;
    padding-bottom: 119px;
    background: #3F2824;
}

.uskumrukoycenterdiv {
    width: 1000px;
    margin: 0 auto;
}

.linedivv {
    background: #fff;
    width: 100%;
    height: 1px;
    position: relative;
    margin-bottom: 100px;
}

.usrumrukoyimg {
    position: absolute;
    top: -49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #3F2824;
    padding: 19px;
}

.titleimgdiv {
    position: absolute;
    top: 40%;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    right: 6%;
    font-size: 26px;
}

.turkiyediv .isratextt {
    position: relative;
    margin-top: 29px;
    margin-bottom: 29px;
}

.isratextt {
    position: absolute;
    top: 0;
    width: 1100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.7s;
    z-index: 9999999999;
    display: flex;
    height: 100%;
    align-content: stretch;
    justify-content: space-evenly;
    flex-direction: column-reverse;
}

.ekrandiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    transition: all 0.7s;
    opacity: 0;
}

.isra:hover .ekrandiv {
    opacity: 0.7;
}

.isra:hover .isratextt {
    opacity: 1;
}

.isra:hover .titleimgdiv {
    display: none;
}

.yapimimg {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .yapimimg img {
        transition: all 0.7s;
    }

.yapimdiv {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* text-align: center; */
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 39px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    /* color: #FEC733; */
    text-shadow: 1px 1px 10px #000;
    transition: all 0.7s;
    opacity: 0;
}

.yapimimg:hover img {
    filter: blur(3px);
    opacity: 0.7;
}

.yapimimg:hover .yapimdiv {
    opacity: 1;
}

.righttextt1 {
    font-size: 14px;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-weight: 500; */
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
}

.sizleridearamizda {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sizleridearamizdaimg {
    width: 120%;
}

.sizleridearamizdatext {
    position: absolute;
    top: 10px;
    max-width: 600px;
    text-align: center;
}

.isratext {
    position: absolute;
    top: 15%;
    max-width: 1100px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.righttext {
    width: 35%;
    position: absolute;
    font-weight: 400;
    left: 0;
    text-align: left;
    line-height: 25px;
}

.righttext1 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.righttext2 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    margin-top: 60px;
}

.suiteback {
    margin-top: 100px;
}

.suiteimg {
    width: 100%;
}

.suits {
    position: relative;
    top: 0;
    text-align: center;
}

    .suits ul {
        display: flex;
        /* width: 40%; */
        /* vertical-align: middle; */
        justify-content: center;
        /* flex-direction: column; */
        flex-wrap: wrap;
        align-content: stretch;
    }

.suittitle div ul li {
    font-size: 16px;
    color: #3F2824;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 200; */
    margin: 10px 10px;
    /* width: 22.9%; */
    text-align: center;
    /* width: 60%; */
    border: 3px solid #3F2824;
    border-radius: 30px;
    /* height: 200px; */
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
    /* display: block; */
    width: 16%;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ikonlar {
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
}

img.ikonlar {
}

.adetler {
    margin-top: 50px;
}

    .adetler div ul li {
        width: 19%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #105577;
        margin-left: 56px;
        padding-right: 50px;
    }

        .adetler div ul li:nth-child(4) {
            border: 0;
        }

.adettitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 200;
}

.adetalt {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #E6A15F;
    font-weight: 500;
}

.galericontainer {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tabs {
    margin-top: 60px;
    text-align: center;
}

.galeritab {
    display: inline-block;
    vertical-align: top;
    /* margin: 10px; */
    width: 190px;
}

.zoomdive {
    overflow: hidden;
    height: 100vh;
    margin-top: 0px;
}

.containerdiv {
    position: relative;
    transition: all 0.6s;
    /* overflow: hidden; */
}

    .containerdiv img {
        width: 100%;
    }

.zoomdiv {
    width: 1000px;
    position: absolute;
    bottom: 100px;
    /* right: 0; */
    /* left: 0; */
    text-align: right;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .zoomdiv img {
        width: 60px;
        display: inline-block;
        vertical-align: top;
    }

.s1 {
    width: 26px;
    position: absolute;
    top: 43%;
    left: 35%;
    text-align: center;
}

    .s1 img {
    }

.s2 {
    width: 26px;
    position: absolute;
    top: 49%;
    left: 43%;
    text-align: center;
}

    .s2 img {
    }

.s3 {
    width: 26px;
    position: absolute;
    top: 66%;
    left: 62%;
    text-align: center;
}

    .s3 img {
    }

.s4 {
    width: 26px;
    position: absolute;
    top: 33%;
    left: 39%;
    text-align: center;
}

    .s4 img {
    }

.s5 {
    width: 26px;
    position: absolute;
    top: 38%;
    left: 44%;
    text-align: center;
}

    .s5 img {
    }

.s6 {
    width: 26px;
    position: absolute;
    top: 43%;
    left: 52%;
    text-align: center;
}

    .s6 img {
    }

.s7 {
    width: 26px;
    position: absolute;
    top: 51%;
    left: 61%;
    text-align: center;
}

    .s7 img {
    }

.s8 {
    width: 26px;
    position: absolute;
    top: 56%;
    left: 69%;
    text-align: center;
}

    .s8 img {
    }

.s9 {
    width: 26px;
    position: absolute;
    top: 60%;
    left: 74%;
    text-align: center;
}

    .s9 img {
    }

.s10 {
    width: 26px;
    position: absolute;
    top: 25%;
    left: 44%;
    text-align: center;
}

    .s10 img {
    }

.s11 {
    width: 26px;
    position: absolute;
    top: 30%;
    left: 49%;
    text-align: center;
}

    .s11 img {
    }

.s12 {
    width: 26px;
    position: absolute;
    top: 35%;
    left: 57%;
    text-align: center;
}

    .s12 img {
    }

.s13 {
    width: 26px;
    position: absolute;
    top: 42%;
    left: 67%;
    text-align: center;
}

    .s13 img {
    }

.s14 {
    width: 26px;
    position: absolute;
    top: 48%;
    left: 74%;
    text-align: center;
}

    .s14 img {
    }

.s15 {
    width: 26px;
    position: absolute;
    top: 53%;
    left: 79%;
    text-align: center;
}

    .s15 img {
    }

.s16 {
    width: 26px;
    position: absolute;
    top: 36%;
    left: 21%;
    text-align: center;
}

.s15 img {
}

.s166 {
    width: 26px;
    position: absolute;
    top: 0;
    left: 32%;
    text-align: center;
}

    .s166 img {
    }

.s17 {
    width: 26px;
    position: absolute;
    top: 7%;
    left: 29%;
    text-align: center;
}

    .s17 img {
    }

.s18 {
    width: 26px;
    position: absolute;
    top: 16%;
    left: 23%;
    text-align: center;
}

    .s18 img {
    }

.s16 {
    width: 26px;
    position: absolute;
    top: 36%;
    left: 21%;
    text-align: center;
}

.s15 img {
}

.owl3 .owl-dots.disabled, .owl-carousel .owl-nav {
    display: block !important;
    position: absolute !important;
    top: 49% !important;
    width: 93% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.studyo {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    z-index: 999999999;
    color: #FEC733;
    font-size: 30px;
    width: 1200px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 10px #000;
}

.altimg {
    width: 1000px;
    margin: 0 auto;
}

    .altimg img {
        width: 100%;
    }

.titlediv {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}


.titledivv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #001B34;
    font-family: "Petit Formal Script", cursive;
    font-size: 50px;
    width: 100%;
    text-align: center;
}

.galeri {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.gl {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

    .gl img {
        width: 100%;
    }

.gll {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.glimg {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.gll img {
    width: 100%;
}

.yakinimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #49756db3;
    transition: all 0.6s;
    opacity: 0;
}

.gl:hover .yakinimg {
    opacity: 1;
}

.glimg:hover .yakinimg {
    opacity: 1;
}

.yakinlastir {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    width: 70px !important;
    margin: 0 auto;
    margin-top: 60px;
    transition: all 0.6s;
    opacity: 0;
}

.gl:hover .yakinlastir {
    opacity: 1;
    margin-top: 0px;
}

.closeimgg {
    position: absolute;
    right: 39px;
    top: 39px;
    transform: scale(1.5);
}

.glimg:hover .yakinlastir {
    opacity: 1;
    margin-top: 0px;
}

.galeri div ul li {
    border-radius: none;
    border: 1px solid #707070;
    margin: -3px;
    height: auto;
    overflow: hidden;
    width: 100%;
    display: block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 0px;
}

    .galeri div ul li img {
        width: 100%;
        transform: scale(2);
    }

.katplanlalari {
    position: absolute;
    color: #fff;
    right: 0;
    width: 100%;
    background: #c39218;
    bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

.donation-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.donation-category, .donation-input {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

    .donation-category label, .donation-input label {
        font-size: 14px;
        color: #333;
        margin-bottom: 5px;
        /* font-weight: bold; */
    }

.category-value {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.amount-display {
    width: 80px;
    padding: 5px;
    font-size: 18px;
    color: #666;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: right;
}

.donation-submit button {
    background: #fff;
    color: #0044cc;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #0044cc;
}

    .donation-submit button:hover {
        background: #0044cc;
        color: #fff;
    }

.galeritab button {
    border: unset;
    background: unset;
    color: #000;
    text-align: center;
    font-size: 35px;
    font-weight: 200;
    opacity: 0.6;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Afterglow';
    width: 100%;
    border-radius: 60px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.slidergaleri {
    display: none;
    width: 1100px;
    margin: 0 auto;
    /* margin-top: 60px; */
}


.slidergalerri {
    display: none;
    width: 1100px;
    margin: 0 auto;
    /* margin-top: 60px; */
    margin-top: 260px;
}

.galeriokdiv {
    position: absolute;
    top: 50%;
    width: 100%;
}

    .galeriokdiv a {
        cursor: pointer;
    }

        .galeriokdiv a:nth-child(2) {
            float: right;
        }

.owl3 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
    border: 1px solid #BC7D20;
    margin-left: 70px !important;
    padding-top: 10px;
    margin-right: 60px !important;
}

.owl3 .item {
    position: relative;
    left: -30px;
}

.owl3 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.owl7 .owl-item.active > div {
    cursor: auto;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
    overflow: hidden;
    margin: 10px;
}

.owl7 .owl-item.active > div {
    z-index: 1 !important;
    margin: 10px;
}

.owl8 .owl-item.active > div {
    cursor: auto;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
    overflow: hidden;
    margin: 10px;
}

.owl8 .owl-item.active > div {
    z-index: 1 !important;
    margin: 10px;
}

.sizinbahceniz {
    position: absolute;
    bottom: 100px;
    width: 400px !important;
    left: 10%;
}

.owl4 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
    /* margin: 20px !important; */
}

.owl4 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1) !important;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
}

.owl4 .owl-item.active > div {
    z-index: 1 !important;
}

.owl5 .item {
    transform: scale(1);
}

    .owl5 .item h3 {
        padding: 29px;
    }

.hakkimizdaaciklamadiv {
    padding: 29px;
}

.owl5 .owl-stage {
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.owl6 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(0.7);
    z-index: 1;
    margin: 20px !important;
}

.owl5 .item h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 27px;
    color: #FEC733;
    margin-top: 19px;
}

.hakkimizdaaciklamadiv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
    margin-top: 19px;
}

.owl-carousel .owl-stage {
    /* padding-top: 60px; */
    /* padding-bottom: 60px; */
}

.owl7 .owl-dots.disabled, .owl-carousel .owl-nav {
    position: absolute !important;
    top: 49% !important;
    width: 113% !important;
    left: -77px !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.owl7 .owl-carousel .owl-dots.disabled {
    display: none !important;
}

.owl8 .owl-dots.disabled, .owl-carousel .owl-nav {
    position: absolute !important;
    top: 13% !important;
    width: 100px !important;
    left: -70% !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 9999999999 !important;
    text-align: center !important;
    margin-top: 60px !important;
}

.owl8 .owl-carousel .owl-dots.disabled {
    display: none !important;
}

.owl-theme .owl-nav {
}

.owl7 .owl-carousel .owl-nav {
    display: block !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -80px;
    z-index: -1;
}

.owl4 .owl-nav {
    display: block !important;
    position: absolute;
    /* top: 39%; */
    width: 290px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    top: unset !important;
    bottom: -100px !important;
    z-index: 9999999999;
}

.owl5 .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 7px;
    background: unset !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px !important;
    border: 1px solid #75362b;
    border-radius: 30px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
}

.owl-prev {
    /* float: left; */
}

.owl-next {
    /* float: right; */
    position: relative;
    top: -36px;
    left: 6px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 0px !important;
    padding: 0px !important;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    border: unset !important;
    background: unset !important;
    margin: 15px !important;
}

.ulasincontainer {
    margin-top: 100px;
}

    .ulasincontainer div ul li {
        width: 69%;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        position: relative;
    }

        .ulasincontainer div ul li:nth-child(2) {
            width: 20%;
            padding-left: 50px;
        }

        .ulasincontainer div ul li img {
            cursor: pointer;
            transition: all 1s;
        }

.bizeulasin {
    width: 100%;
    transition: all 1s;
    cursor: pointer;
}

.konum1 {
    position: absolute;
    top: 17%;
    left: 49%;
    width: 9%;
    transition: all 1s;
}

.konum2 {
    position: absolute;
    top: 26%;
    left: 59%;
    width: 9%;
    transition: all 1s;
}

.konum3 {
    position: absolute;
    top: 43%;
    left: 63%;
    width: 9%;
    transition: all 0.6s;
}

.konum4 {
    position: absolute;
    top: 61%;
    left: 61%;
    width: 9%;
    transition: all 1s;
}

.konum5 {
    position: absolute;
    bottom: 15%;
    left: 50%;
    width: 9%;
    transition: all 1s;
}

.konum6 {
    position: absolute;
    bottom: 17%;
    left: 39%;
    width: 9%;
    transition: all 1s;
}

.konum1:hover {
    transform: scale(1.5);
}

.konum2:hover {
    transform: scale(1.5);
}

.konum3:hover {
    transform: scale(1.5);
}

.konum4:hover {
    transform: scale(1.5);
}

.konum5:hover {
    transform: scale(1.5);
}

.konum5:hover {
    transform: scale(1.5);
}

.konum6:hover {
    transform: scale(1.5);
}

.ulasintitle {
    font-size: 40px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.ulasininfo {
    margin-top: 30px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    color: #fff;
}

.buttonulasin button {
    margin-top: 30px;
    background: unset;
    border: unset;
    cursor: pointer;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}

    .buttonulasin button svg {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 10px;
    }

.numaradiv {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

    .numaradiv img {
        vertical-align: middle;
        margin: 10px;
    }

.footer {
    margin-top: 60px;
    /* background: #fff; */
    padding-bottom: 60px;
    overflow: hidden;
}

.youngbee {
    display: inline-block;
    vertical-align: middle;
}

.footercenter {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

.footermenu {
    display: inline-block;
    vertical-align: top;
}

    .footermenu div ul li {
        display: inline-block;
        vertical-align: top;
        margin: 60px;
    }

.footerlogo {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.ftlogo {
    width: 200px;
    margin-top: 139px;
}

.ftlogoo {
    width: 100px;
    margin-top: 20px;
}

.footerdiv {
    font-family: 'Inter', sans-serif;
    color: #fff;
}

.footercenter div ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    cursor: pointer;
    margin-right: -30px;
    width: 70%;
    text-align: left;
    /* margin-bottom: -200px; */
}

    .footercenter div ul li:nth-child(1) {
        width: 16%;
        margin-top: 36px;
    }

    .footercenter div ul li a {
        color: #fff;
        /* width: 30%; */
        display: inline-block;
        vertical-align: top;
        width: 26%;
        /* text-align: left; */
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        line-height: 30px;
    }

    .footercenter div ul li:nth-child(2) a .footercontent {
        /* display: inline-block; */
        /* vertical-align: top; */
        /* margin: 6px; */
        color: #fff;
        font-family: 'Inter', sans-serif;
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        letter-spacing: 3px;
    }

.footermenu {
    /* text-align: center; */
    display: block;
    margin-top: 10px;
}

.footerbaslik {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #000;
}

.footercontent {
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 400;
    margin-top: 17px;
}

.footercontainer {
    margin-top: 60px;
    display: none;
}

.footerimg {
    width: 100%;
}

.followus {
    color: #000;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

.textcenter {
    color: #fff;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    background: #355d28;
    padding-top: 10px;
    padding-bottom: 10px;
}

{
    /* background: #004aad; */
    color: #004aad;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #A8BEE2;
}

.add-to-cartdivvv svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.trianglecontainerr {
    position: absolute;
    bottom: -260px;
    right: 30%;
    /* width: 0; */
    /* height: 0; */
    z-index: 999;
    background: #000;
    transform: rotate(180deg);
    background: #bc7d20;
    mix-blend-mode: color;
    transform: rotate(180deg) scale(2);
}

.container-section {
    text-align: center;
    /* padding: 20px; */
    padding-top: 30px;
    width: 100%;
    padding-bottom: 30px;
}

    .container-section h1 {
        color: #FCA51A;
        margin-bottom: 10px;
    }

    .container-section h2 {
        color: #fff;
        margin-bottom: 20px;
    }


.project-card:hover {
    transform: translateY(-10px);
}

.project-image img {
    border-radius: 30px;
    width: 70%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
    transform: scale(1.3);
}

.project-card h3 {
    color: #FF9D00;
    margin-bottom: 10px;
    */ font-family: "Montserrat", sans-serif;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.project-card p {
    margin: 10px 0px;
    color: #ddd;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.forrm {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    width: 60%;
    margin-top: 30px;
}


    .forrm input[type="text"],
    .forrm input[type="email"] {
        flex: 1;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 14px;
    }

    .forrm label {
        flex: 1;
        font-size: 14px;
        color: #003366;
    }

    .forrm input[type="radio"] {
        margin-right: 5px;
    }





    .card-preview input {
        transform: rotateY(0deg); /* Input içeriğini geri döndürür */
    }

.isimdiv {
    position: absolute;
    bottom: -60px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}



    .güvenlikdiv input {
        width: 230px;
        font-size: 13px;
        background: unset;
        border: unset;
        color: #000;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.isimdiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.ibandiv {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.ayylikdiv {
    position: absolute;
    bottom: 70px;
    left: 30px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    display: none;
    font-size: 13px;
}

.ayyildiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.ibandiv input {
    width: 230px;
    font-size: 13px;
    background: unset;
    border: unset;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

    .ibandiv input::placeholder {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #000;
        letter-spacing: 0px;
    }

.container-section button {
    background: #003E92;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    font-size: 13px;
    margin-top: 30px;
}

    .container-section button:hover {
        background: blue;
        color: #fff;
    }

.trianglee {
    width: 200px;
    height: 200px;
    background-size: cover;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: scale(3.3);
    position: relative;
    margin: 0 auto;
    background-position: -100px;
    transition: all 3s;
    background: #000;
    background: #fff;
    background: #bc7d20;
    mix-blend-mode: color;
}

.cv {
    position: absolute;
    right: -30px;
    top: 10px;
    left: unset !important;
}

.triangle img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.menucontent div ul li {
    margin-top: 19px;
    color: #fff;
    font-size: 38px;
    cursor: pointer;
    position: relative;
    left: -50%;
    opacity: 0;
    transition: all 1s;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

.headerimg {
    width: 100%;
    display: none;
}

.backdiv {
    width: 100%;
    /* height: 0px; */
    /* position: absolute; */
    top: 0;
    /* filter: blur(10px); */
    /* background: #4a4a4a21; */
    /* opacity: 0.6; */
    /* backdrop-filter: blur(10px); */
    /* background: #242422; */
}

.buttondiv svg {
    position: absolute;
    right: -6px;
    bottom: -23.6px;
    transform: rotate(240deg);
    width: 30px;
}

.bagisdiv {
    width: 170px !important;
    padding-right: 0px !important;
}

    .bagisdiv button {
        width: 100%;
        border-radius: 60px;
        background: #FF9D00;
        padding: 13px;
        border: 0px;
    }

    .bagisdiv svg {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        width: 10px;
    }

.bagisdivv {
    width: 190px !important;
    padding-right: 0px !important; /* position: absolute; */ /* left: 70px; */ /* bottom: 60px; */
}

    .bagisdivv button {
        width: 100%;
        border-radius: 10px;
        background: #FF9D00;
        padding: 13px;
        border: 0px;
        padding: 10px 20px !important;
    }

    .bagisdivv svg {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
    }

.bagisyapdiv {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-left: 1px solid #fff;
    padding-left: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.buttondivv svg {
    position: absolute;
    right: 28px;
    bottom: -15.9px;
    transform: rotate(245deg);
    width: 60px;
}

.headertop {
    /* position: absolute; */
    top: 0;
    width: 100%;
    /* height: 220px; */
    /* background: #000; */
    /* background-image: linear-gradient(#0000004a, #00000012); */
    /* padding-top: 38px; */
}

.projevariandiv {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #fff;
    text-align: left;
    padding: 12px;
    color: #BC7D20;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
    position: relative;
    font-size: 13px;
}

    .projevariandiv svg {
        position: absolute;
        right: -6px;
        top: -2px;
        height: 47px;
    }

.buttondiv {
    margin-top: 30px;
    width: 260px;
    position: relative;
    cursor: pointer;
}

.logoimg {
    margin: 0 auto;
    top: -70px;
    width: 160px;
}

.buttondivv {
    margin-top: 30px;
    width: 260px;
    position: relative;
}

.ucgenlerimg {
    position: absolute;
    top: -10px;
    left: 130px;
    width: 70%;
}

.formallpage {
    transition: all 1s;
    position: fixed;
    right: -352px;
    top: 0;
    z-index: 9999999999;
    height: 100vh;
}

.formcicegiimg {
    position: absolute;
    /* top: 0; */
    bottom: -100px;
    right: 0;
    z-index: 9999999999;
}

.sosyalmedya {
    position: absolute;
    top: 150px;
    width: 60px;
    left: 60px;
}

.diagonal-button {
    padding: 26px;
    font-size: 16px;
    color: #BC7D20;
    background: #fff;
    border: 0px;
    border: 2px solid #BC7D20;
    /* border-left: 1px solid #000; */
    cursor: pointer;
    outline: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* clip-path: polygon(19% 0, 100% 0, 79% 100%, 0% 100%); */
    transition: all 0.6s;
    font-family: "Kanit", sans-serif;
    width: 100%;
    position: relative;
    z-index: 999;
    /* border-right: 30px solid #000; */
    transform: skew(-30deg);
}

.buttondiv:hover .diagonal-button {
    background: #BC7D20;
    color: #fff;
}

.buttondiv:hover .buttondivvv {
    color: #fff;
}


.buttondiv:hover .diagonal-buttonn {
    background: #001B34;
    color: #fff;
}

.buttondiv:hover .buttondivvv {
    color: #fff;
}

.krml {
    margin-top: 60px;
    opacity: 0;
    transition: all 3s;
}

.diagonal-buttonn {
    padding: 26px;
    font-size: 16px;
    color: #BC7D20;
    background: #fff;
    border: 0px;
    border: 2px solid #001B34;
    /* border-left: 1px solid #000; */
    cursor: pointer;
    outline: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* clip-path: polygon(19% 0, 100% 0, 79% 100%, 0% 100%); */
    transition: all 0.6s;
    font-family: "Kanit", sans-serif;
    width: 100%;
    position: relative;
    z-index: 999;
    /* border-right: 30px solid #000; */
    transform: skew(-30deg);
}

    .diagonal-buttonn:hover {
        background: #001B34;
        color: #fff !important;
    }

.sosyalmedya svg {
    width: 60px;
}

.slidertext {
}

.sosyaldonatilar {
    position: absolute;
    right: 60px;
    left: none;
    top: 260px;
    transform: rotate(0deg);
}

    .sosyaldonatilar h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        letter-spacing: 6px;
        color: #fff;
        text-shadow: 1px 1px 10px #000;
    }

.mapimg {
    width: 100%;
}

.ayricaliklar {
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center;
}

    .ayricaliklar div ul li {
        width: 27%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: -27px;
    }

.referanslardiv {
    background: #fff;
    width: 700px;
    padding: 30px;
    margin: 0 auto;
    margin-top: 60px;
    /* border-radius: 30px; */
    border: 1px solid #001B34;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .referanslardiv::after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
    }

    .referanslardiv div ul li {
        width: 23%;
        display: inline-block;
        vertical-align: top;
    }

        .referanslardiv div ul li img {
            width: 100%;
        }

.refimg {
    position: absolute;
    right: -1px;
    top: -1px;
}

.refimgg {
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.ayricaliklar div ul li img {
    width: 100%;
}

.sosyaldiv {
    position: fixed;
    bottom: 30px;
    text-align: center;
    width: 100%;
    right: 60px;
    z-index: 999;
    width: 30px;
}

.mutludiv {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 9999999999;
    line-height: 100px;
    opacity: 0;
    transition: all 3s;
    margin-top: -160px;
}

.kalitediv {
    font-size: 20px;
    color: #fff;
    font-family: "Kanit", sans-serif;
}

.mutdiv {
    font-size: 50px;
    /* font-family: "Kanit", sans-serif; */
    font-family: "Petit Formal Script",;
    font-family: "Petit Formal Script";
}

.ediyordiv {
    font-size: 39px;
    color: #fff;
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    letter-spacing: 6px;
}

.ayricaliktitle1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 6px;
    color: #fff;
}

.ayricaliktitle2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    letter-spacing: 0px;
    color: #fff;
}

svg path {
    transition: all 1s;
}

.binaimg {
    position: absolute;
    bottom: -190px;
    /* z-index: 9999999999; */
    width: 100%;
    right: -160px;
    opacity: 0;
    transition: all 3s;
    z-index: 9999999999;
}

.slidertext h3 {
    font-size: 60px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 10px #000;
    font-family: 'Afterglow';
}

.noktaimg {
    position: relative;
    /* right: -100px; */
    width: 260px;
    margin-top: 30px;
    top: 46px;
    left: 160px;
}

.alttext {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 10px #000;
}

#section3 {
    background: url('../images/section.png');
}

#sectionn {
    background: url('../images/section.png');
    background-size: 100%;
}

.cizgidiv {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    bottom: 60px;
}

.cizgi {
}

.videodiv {
    width: 100%;
    position: fixed;
    z-index: 9999999999;
    height: 100vh;
    transition: all 3s;
    background: #f3f3f3;
}

    .videodiv video {
        width: 100%;
        height: 100vh;
        transform: scale(1.2);
    }

.formcontent {
    z-index: 9999999;
    width: 350px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
    transition: 0.5s ease-in-out;
    font-weight: 300;
    box-shadow: 0 0 50px #00000030;
    height: 100vh;
    padding-top: 130px;
}

.siziarayalim {
    font-size: 30px;
    text-align: left;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.form li {
    padding: 0;
    list-style: none;
    font-size: 14px;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 6px 0px;
    text-align: initial;
    color: #000;
}

    .form li label {
        color: #fff;
        text-align: unset !important;
        color: #000;
        font-family: 'Inter', sans-serif;
        font-weight: 200;
    }

        .form li label span {
            color: #E6A15F;
            text-align: unset !important;
            /* font-family: 'Open Sans', sans-serif; */
            font-family: 'Inter', sans-serif;
            color: #000;
        }

.projediv {
    width: 1100px;
    margin: 0 auto;
}

.projedivv {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.projedivvv {
    margin-top: 16px;
}

.footer {
    background: #003E92;
    color: #fff;
    padding: 40px 20px;
    overflow: hidden;
}

.newsletter {
    text-align: center;
    padding-bottom: 40px;
}

    .newsletter h2 {
        color: #FF9D00;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .newsletter h3 {
        color: #fff;
        font-size: 32px;
        margin-bottom: 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

.newsletter-form {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .newsletter-form input[type="text"],
    .newsletter-form input[type="email"] {
        padding: 10px;
        font-size: 16px;
        border: 2px solid #ccc;
        border-radius: 4px;
        width: 200px;
    }

    .newsletter-form button {
        background: #FF9D00;
        border: none;
        color: #fff;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 4px;
    }

        .newsletter-form button:hover {
            background: dark#FF9D00;
        }

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.footer-section {
    flex: 1;
    min-width: 200px;
    margin-bottom: 20px;
}

    .footer-section img {
        width: 100px;
        margin-bottom: 10px;
    }

    .footer-section h4 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }

    .footer-section ul {
        list-style: none;
        padding: 0;
    }

        .footer-section ul li {
            margin-bottom: 10px;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            margin-top: 13px;
            line-height: 30;
            line-height: 30px;
        }

            .footer-section ul li a {
                color: #fff;
                text-decoration: none;
            }

                .footer-section ul li a:hover {
                    text-decoration: underline;
                }

    .footer-section p {
        /* margin: 5px 0px; */
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        margin-top: 13px;
        line-height: 30px;
    }

.footer-bottom {
    text-align: center;
    padding-top: 20px;
}

    .footer-bottom p {
        margin: 5px 0px;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
    }

    .footer-bottom .design-by {
        color: #ccc;
        font-size: 14px;
    }

.tabdivv {
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
}

    .tabdivv div {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        cursor: pointer;
    }

.gokimg {
    width: 100%;
    height: 100vh;
}

.form .formtext, .form .formtextarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 37px;
    line-height: 32px;
    padding-left: 11px;
    background: none;
    /* font-family: "Korolev-Medium"; */
    color: #000;
    font-size: 12px;
    border: unset;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 5px;
    ont-family: 'Inter', sans-serif;
    font-family: 'Inter', sans-serif;
}

    .form .formtext::placeholder {
        color: #000;
    }

    .form .formtextarea::placeholder {
        color: #000;
    }

.haritadivvv {
    background: #001B34;
    width: 100%;
    height: 430px;
    position: relative;
    z-index: -1;
    margin-top: 100px;
}

.grupdiv {
    display: inline-block;
    vertical-align: top;
    width: 130px;
}

    .grupdiv img {
        width: 100%;
    }

.haritadivv {
    width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 9999999999;
    margin-top: -490px;
}

    .haritadivv img {
        width: 100%;
    }

.formtextarea {
    height: 90px !important;
}

.buttondivvv {
    position: absolute;
    top: 16px;
    /* width: 100%; */
    text-align: center;
    margin: 0 auto;
    z-index: 999;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s;
}

.formsubmit {
    width: 140px;
    padding: 11px;
    color: #000;
    width: 50%;
    padding: 11px;
    border: 1px solid #000;
    margin-bottom: 20px;
    transition: all 1s;
    background: unset;
    cursor: pointer;
    margin-top: 20px;
    font-weight: bold;
    height: unset;
    /* border-radius: 10px; */
    width: 120px;
}

    .formsubmit:hover {
        background: unset;
        border: 1px solid #C6894E;
        color: #C6894E;
    }

#formmenu {
    position: absolute;
    text-align: left;
    font-size: 22px;
    top: 250px;
    z-index: 5;
    right: 275px;
    transition: 1s ease-in-out;
    height: auto;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 164px;
    padding: 15px;
    transform: rotate(-90deg);
    background: #2b4a20;
    text-align: center;
    z-index: 9999999;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.menuimg {
}

.headercenter {
    position: relative;
    top: 0;
    width: 1500px;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    /* text-align: center; */
    margin: 0 auto;
}

.logo {
    width: 160px;
    position: absolute;
    left: 19px;
    top: 0;
}

    .logo img {
        width: 290px;
    }

.leftdiv {
    position: absolute;
    left: 0;
    color: #fff;
    top: 29px;
}

    .leftdiv div ul li {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        cursor: pointer;
        font-size: 15px;
    }

    .leftdiv div ul a {
        color: #fff;
    }

.rightdiv {
    /* position: absolute; */
    right: 0;
    top: 70px;
    color: #fff;
    top: 27px;
    /* text-align: center; */
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 16px; */
    z-index: 9999999999;
    width: 23%;
    /* background: #000; */
    */ display: inline-block;
    vertical-align: middle;
    */ display: inline-block;
    vertical-align: middle;
    */ display: inline-block;
    vertical-align: middle;
    display: inline-block;
    */ display: inline-block;
    vertical-align: middle;
    top: 19px;
    position: relative;
}

.rightdivv {
    position: absolute;
    right: 0px;
    top: 70px;
    color: #fff;
    top: 26px;
    /* text-align: center; */
    /* border-bottom: 1px solid #000; */
    /* padding-bottom: 16px; */
    z-index: 9999999999;
    width: 90%;
    /* background: #000; */
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.haritadiv {
    background: #001B34;
    width: 100%;
    height: 300px;
    margin-top: 60px;
}

.rightdiv div ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 7px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 400; */
    font-family: 'Inter', sans-serif;
    /* color: #000; */
    /* border-right: 1px solid #000; */
    padding-right: 17px;
    font-family: "Kanit", sans-serif;
}


.rightdivv div ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
    font-size: 13px;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 400; */
    font-family: 'Inter', sans-serif;
    /* color: #000; */
    /* border-right: 1px solid #000; */
    padding-right: 7px;
    font-family: "Kanit", sans-serif;
    color: #fff;
    position: relative;
    s;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    /* background: #000; */
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

    .rightdivv div ul li:hover .menuacdiv {
        display: block;
        opacity: 1;
    }

.owl-stage-outer {
    width: 810px;
    float: right;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: -160px;
}

.owl3 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.3) !important;
    z-index: 1;
    margin: 30px !important;
}

.owl6 .owl-stage-outer {
    float: unset;
    width: 100% !important;
}

.owl6 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(0.7);
    z-index: 1;
    margin: 20px !important;
}

.owl6 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.6) !important;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.projeediv {
    color: #BC7D20;
    font-size: 19px;
    font-family: "Kanit", sans-serif;
    margin-bottom: 16px;
    letter-spacing: 3px;
}

.owl3 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1.3) !important;
    z-index: 99999999999999999999999 !important;
    /* margin-top: 30px !important; */
    position: relative;
    top: 60px;
}

    .owl3 .owl-item.center > div .projeediv {
        display: none;
    }

.projelerdiv {
    position: relative;
    width: 22.9%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #BC7D20;
    margin: 6px;
}

    .projelerdiv img {
        width: 100%;
    }

    .projelerdiv .projeediv {
        text-align: center;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .projelerdiv .projevariandiv svg {
        top: -5px;
    }

.owl3 .owl-item.center > div .projevariandiv {
    display: none;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.haklardiv {
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    margin-top: 19px;
    color: #000;
}

.katalog {
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    color: #29471F;
    font-family: 'Poppins', sans-serif;
}

.rightdiv div ul a {
    color: #fff;
}


.mouseimg {
    position: absolute;
    width: 39px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 60px;
    z-index: 9999999999;
}

.sliderdiv {
    margin-top: 25px;
    position: relative;
}

.allslide {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height: auto;
    position: relative;
    display: none;
}

.yerdiv {
    position: absolute;
    top: 140px;
    left: 200px;
    transform: scale(1);
    margin-left: 130px;
    opacity: 0;
    transition: all 3s;
}

.allslides {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height: auto;
    position: relative;
    display: none;
}

.shadowimg {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 100vh; */
    z-index: 9999999999;
    display: none;
}

.arrow {
    display: inline-block;
    vertical-align: top;
}

.slideok {
    width: 300px;
    text-align: right;
    position: absolute;
    right: 45.5%;
    margin-top: -70px;
}

.oklar {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 57px;
    margin: 7px;
}

.slider_Text {
    position: absolute;
    top: 25%;
    width: 85%;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

    .slider_Text div {
        margin-top: 10px;
        color: #fff;
    }

.slidertext {
    position: absolute;
    bottom: 200px;
    max-width: 1500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.title1 {
    font-size: 26px;
    color: #fff;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-top: 60px;
    transition: all 1s;
    top: 30px;
    opacity: 0;
}

.title2 {
    font-size: 36px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    position: relative;
    transition: all 1s;
    top: 30px;
    opacity: 0;
    margin-top: 10px;
}

.titles1 {
    font-size: 26px;
    color: #fff;
    position: relative;
    font-weight: 500;
    margin-top: 60px;
    transition: all 1s;
    top: 30px;
    opacity: 0;
}

.titles2 {
    font-size: 36px;
    color: #fff;
    font-weight: 200;
    position: relative;
    transition: all 1s;
    top: 30px;
    opacity: 0;
    margin-top: 10px;
}

.tabdiv {
    position: absolute;
    top: 30px;
    right: 160px;
    border-right: 1px solid #000;
    text-align: right;
    padding: 10px;
}

    .tabdiv div ul li a {
        color: #000;
    }

    .tabdiv div ul li {
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        margin-top: 3px;
        margin-bottom: 3px;
        position: relative;
        letter-spacing: 3px;
        cursor: pointer;
    }

        .tabdiv div ul li::after {
            content: '';
            position: absolute;
            right: -11px;
            height: 33px;
            top: -3px;
            width: 1px;
        }

.owlbutton {
    position: absolute;
    bottom: 150px;
    width: 1500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: left;
}

.buttonimg {
    width: 5%;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    cursor: pointer;
}

.titlebg {
    position: absolute;
    top: 55px;
    width: 100%;
    left: -500px;
}

.sliderimg {
    width: 100%;
}


.kurumsalldivv {
    width: 100%;
    margin: 0 auto;
    /* margin-top: -27px; */
    background: #295f351a;
    /* padding: 39px 0px 39px; */
    /* margin-top: 60px; */
    /* margin-top: -60px; */
    position: relative;
}

.container1 {
    width: 100%;
    margin: 0 auto;
    /* margin-top: -27px; */
    text-align: center;
    background: #295f351a;
    /* padding: 39px 0px 39px; */
    /* margin-top: 60px; */
    /* margin-top: -60px; */
}

.iframediv {
    width: 100%;
    text-align: center;
}

    .iframediv iframe {
        width: 100%;
        height: 360px;
    }

    .iframediv button {
        background: #3F2824;
        color: #fff;
        padding: 10px;
        width: 130px;
        border-radius: 30px;
        border: unset;
        margin-top: 39px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        cursor: pointer;
    }

.gideceksiniz {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

    .gideceksiniz img {
        width: 100%;
    }

.tasarimharikasi {
    position: absolute;
    top: -60px;
    width: 27% !important;
    /* right: 0; */
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tasarimyasiyor {
    position: absolute;
    top: -10%;
    width: 26% !important;
    /* right: 0; */
    left: 0;
    right: 160px;
    margin: 0 auto;
}

.tasarimgiremez {
    position: absolute;
    top: -10px;
    width: 26% !important;
    /* right: 0; */
    left: 0;
    right: -600px;
    margin: 0 auto;
}

.gideceksiniztext {
    width: 20%;
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

    .gideceksiniztext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.tasarimyasiyortext {
    width: 300px;
    position: absolute;
    top: 17%;
    left: 0;
    right: 160px;
    margin: 0 auto;
    text-align: center;
}

    .tasarimyasiyortext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.tasarimtext {
    width: 360px;
    position: absolute;
    top: 17%;
    left: 0;
    right: -600px;
    margin: 0 auto;
    text-align: center;
}

    .tasarimtext h3 {
        font-size: 40px;
        margin-top: 10px;
        color: #49756d;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-family: 'Afterglow';
    }

.gttext {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin-top: 100px;
}

.gttextgiremez {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #49756d;
    font-size: 16px;
    margin-top: 120px;
}

.container2 {
    width: 1200px;
    margin: 0 auto;
    margin-top: -210px;
    margin-bottom: 0px;
    text-align: auto;
    position: relative;
    /* z-index: 9999999999; */
}

    .container2 svg {
        width: 100%;
    }

.container_Info div ul li {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
}

.blokdiv {
    position: absolute;
    top: 0;
    right: 0;
    background: #242422;
    padding: 10px;
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
}

.studyodiv {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #242422ba;
    padding: 19px;
}

.namediv {
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.alandiv {
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: right;
    width: 70%;
}

.ozelsehir div ul li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: -60px;
}

.inputdiv {
    margin-top: 16px;
    width: 300px;
    position: relative;
}

    .inputdiv svg {
        position: absolute;
        bottom: 0px;
        left: -13px;
    }

.ozelsehir div ul li form input {
    width: 100%;
    padding: 10px;
    background: unset;
    border: unset;
    color: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

::placeholder {
    color: #fff;
    font-family: "Kanit", sans-serif;
    letter-spacing: 3px;
}

.ozelsehir div ul li:nth-child(1) {
    margin-right: 30px;
    text-align: center;
    width: 56%;
    top: 30px;
}

.ozelsehirr div ul li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: 60px;
}

    .ozelsehirr div ul li:nth-child(2) {
        margin-right: 30px;
        text-align: center;
        width: 56%;
        top: 60px;
    }


.ozelsehirrr div ul li {
    width: 63%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    position: relative;
    left: 60px;
}

    .ozelsehirrr div ul li:nth-child(2) {
        margin-right: 30px;
        text-align: center;
        width: 56%;
        top: 60px;
    }

.owl4 .item .ozelsehir div ul li {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: right;
    width: 56%;
}

    .owl4 .item .ozelsehir div ul li:nth-child(1) {
        margin-right: 30px;
        width: 40%;
    }

.iletisim div ul li {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    position: relative;
    text-align: center;
}

    .iletisim div ul li:nth-child(1) {
        margin-right: 30px;
    }

.ozelimg {
    width: 100%;
}

.textspac {
    /* color: #92cef7; */
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #BC7D20;
    font-size: 20px;
}


.textspacc {
    /* color: #92cef7; */
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    /* font-family: "Kanit", sans-serif; */
    font-family: "Petit Formal Script", cursive;
    position: relative;
    left: -30px;
}


.textspaccc {
    /* color: #92cef7; */
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    color: #001B34;
    font-size: 20px;
}


.textspaccccc {
    /* color: #92cef7; */
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    /* font-family: 'Poppins', sans-serif; */
    /* font-weight: 600; */
    font-family: 'Inter', sans-serif;
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-size: 16px;
    color: #fff;
    text-align: left;
    width: 210px;
    margin: 0 auto;
    margin-top: 30px;
}

.texttitle {
    font-size: 40px;
    margin-top: 10px;
    color: #3b3835;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Afterglow';
}



.agac {
    width: 100px;
    margin: 0 auto;
    margin-top: 60px;
}

.agacc {
    width: 100px;
}

.scrollline {
    height: 20px;
    width: 0%;
    background: #C6894E;
    position: absolute;
    bottom: 30px;
    z-index: -1;
    transition: all 1s;
}

.grvmalscroll {
    right: -500px;
}

.scrolltops {
}

.cicekimg {
    width: 60px !important;
    margin: 0 auto;
}

.uskumrukoyyimg {
    width: 390px !important;
    margin: 0 auto;
    margin-top: 39px;
}

.containertitle {
    margin-top: 100px;
    /* width: 1150px; */
    margin: 0 auto;
    text-align: unset;
    text-align: center;
}

    .containertitle h3 {
        color: #fff;
        text-align: center;
        font-size: 39px;
        /* font-family: 'Poppins', sans-serif; */
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        color: #000;
        /* color: #FEC733; */
    }

    .containertitle .info-group h3 {
        font-size: 27px;
        text-align: unset;
    }

.haberlerdiv {
    /* display: flex; */
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
}

.galeridiv {
    /* display: flex; */
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
}

.hakkimizdadiv {
    margin-top: 100px;
    width: 100%;
    margin: 0 auto;
    text-align: unset;
}

.yapitimg {
    position: absolute;
    /* bottom: -10px; */
    bottom: 0;
    right: -20%;
    z-index: -1;
    width: 47%;
}

.boxdiv {
    width: 260px;
    margin: 10px;
    /* text-align: center; */
    display: inline-block;
    vertical-align: middle;
}

    .boxdiv img {
        width: 100%;
    }

    .boxdiv h3 {
        font-family: 'Poppins', sans-serif;
        font-weight: 200;
        color: #fff;
    }

.tarihdiv {
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 600;
    /* color: #FEC733; */
    font-size: 12px;
    margin-top: 19px;
    font-family: "Petit Formal Script";
    font-size: 100px;
    width: 300px;
    position: relative;
    bottom: 60px;
    left: 10%;
    text-align: left;
}


    .tarihdiv span {
        /* font-family: 'Poppins', sans-serif; */
        /* font-weight: 600; */
        /* color: #FEC733; */
        /* font-size: 12px; */
        /* margin-top: 19px; */
        color: #BC7D20;
    }


.turuncutitle {
    color: #E6A15F;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    font-size: 50px;
    text-align: center;
}

.dusunluldudiv {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: center;
}

.dusunluldudivv {
    display: inline-block;
    vertical-align: top;
    width: unset;
    text-align: center;
    border-right: 1px solid #707070;
    padding: 17px;
}

.iletisimdiv {
    width: 100%;
    position: relative;
}

    .iletisimdiv img {
        width: 100%;
    }

.uygulamadiv {
    position: absolute;
    bottom: 100px;
    left: 100px;
}

.masaldiv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 39px;
}

.turkiyediv {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 39px;
}

.uygulamadiv button {
    padding: 19px;
    background: #242422;
    border: unset;
    border-radius: 30px;
    color: #FEC733;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.textinfo {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}

.grvmall {
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}

    .grvmall div ul li {
        width: 66%;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
    }

        .grvmall div ul li:nth-child(2) {
            width: 26%;
        }

        .grvmall div ul li img {
            width: 100%;
        }

.isra {
    position: relative;
    margin-top: -10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-content: center;
}

.uskumrukoydiv {
    margin-top: 60px;
    padding-top: 119px;
    padding-bottom: 119px;
    background: #3F2824;
}

.uskumrukoycenterdiv {
    width: 1000px;
    margin: 0 auto;
}

.linedivv {
    background: #fff;
    width: 100%;
    height: 1px;
    position: relative;
    margin-bottom: 100px;
}

.usrumrukoyimg {
    position: absolute;
    top: -49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #3F2824;
    padding: 19px;
}

.titleimgdiv {
    position: absolute;
    top: 40%;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    right: 6%;
    font-size: 26px;
}

.turkiyediv .isratextt {
    position: relative;
    margin-top: 29px;
    margin-bottom: 29px;
}

.isratextt {
    position: absolute;
    top: 0;
    width: 1100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.7s;
    z-index: 9999999999;
    display: flex;
    height: 100%;
    align-content: stretch;
    justify-content: space-evenly;
    flex-direction: column-reverse;
}

.ekrandiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    transition: all 0.7s;
    opacity: 0;
}

.isra:hover .ekrandiv {
    opacity: 0.7;
}

.isra:hover .isratextt {
    opacity: 1;
}

.isra:hover .titleimgdiv {
    display: none;
}

.yapimimg {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .yapimimg img {
        transition: all 0.7s;
    }

.yapimdiv {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* text-align: center; */
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 39px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    /* color: #FEC733; */
    text-shadow: 1px 1px 10px #000;
    transition: all 0.7s;
    opacity: 0;
}

.yapimimg:hover img {
    filter: blur(3px);
    opacity: 0.7;
}

.yapimimg:hover .yapimdiv {
    opacity: 1;
}

.righttextt1 {
    font-size: 14px;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-weight: 500; */
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
}

.sizleridearamizda {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sizleridearamizdaimg {
    width: 120%;
}

.sizleridearamizdatext {
    position: absolute;
    top: 10px;
    max-width: 600px;
    text-align: center;
}

.isratext {
    position: absolute;
    top: 15%;
    max-width: 1100px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.righttext {
    width: 35%;
    position: absolute;
    font-weight: 400;
    left: 0;
    text-align: left;
    line-height: 25px;
}

.righttext1 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.righttext2 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    margin-top: 60px;
}

.suiteback {
    margin-top: 100px;
}

.suiteimg {
    width: 100%;
}

.suits {
    position: relative;
    top: 0;
    text-align: center;
}

    .suits ul {
        display: flex;
        /* width: 40%; */
        /* vertical-align: middle; */
        justify-content: center;
        /* flex-direction: column; */
        flex-wrap: wrap;
        align-content: stretch;
    }

.suittitle div ul li {
    font-size: 16px;
    color: #3F2824;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 200; */
    margin: 10px 10px;
    /* width: 22.9%; */
    text-align: center;
    /* width: 60%; */
    border: 3px solid #3F2824;
    border-radius: 30px;
    /* height: 200px; */
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-align: center;
    /* display: block; */
    width: 16%;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ikonlar {
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
}

img.ikonlar {
}

.adetler {
    margin-top: 50px;
}

    .adetler div ul li {
        width: 19%;
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #105577;
        margin-left: 56px;
        padding-right: 50px;
    }

        .adetler div ul li:nth-child(4) {
            border: 0;
        }

.adettitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: 200;
}

.adetalt {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #E6A15F;
    font-weight: 500;
}

.galericontainer {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tabs {
    margin-top: 60px;
    text-align: center;
}

.galeritab {
    display: inline-block;
    vertical-align: top;
    /* margin: 10px; */
    width: 190px;
}

.zoomdive {
    overflow: hidden;
    height: 100vh;
    margin-top: 0px;
}

.containerdiv {
    position: relative;
    transition: all 0.6s;
    /* overflow: hidden; */
}

    .containerdiv img {
        width: 100%;
    }

.zoomdiv {
    width: 1000px;
    position: absolute;
    bottom: 100px;
    /* right: 0; */
    /* left: 0; */
    text-align: right;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .zoomdiv img {
        width: 60px;
        display: inline-block;
        vertical-align: top;
    }

.s1 {
    width: 26px;
    position: absolute;
    top: 43%;
    left: 35%;
    text-align: center;
}

    .s1 img {
    }

.s2 {
    width: 26px;
    position: absolute;
    top: 49%;
    left: 43%;
    text-align: center;
}

    .s2 img {
    }

.s3 {
    width: 26px;
    position: absolute;
    top: 66%;
    left: 62%;
    text-align: center;
}

    .s3 img {
    }

.s4 {
    width: 26px;
    position: absolute;
    top: 33%;
    left: 39%;
    text-align: center;
}

    .s4 img {
    }

.s5 {
    width: 26px;
    position: absolute;
    top: 38%;
    left: 44%;
    text-align: center;
}

    .s5 img {
    }

.s6 {
    width: 26px;
    position: absolute;
    top: 43%;
    left: 52%;
    text-align: center;
}

    .s6 img {
    }

.s7 {
    width: 26px;
    position: absolute;
    top: 51%;
    left: 61%;
    text-align: center;
}

    .s7 img {
    }

.s8 {
    width: 26px;
    position: absolute;
    top: 56%;
    left: 69%;
    text-align: center;
}

    .s8 img {
    }

.s9 {
    width: 26px;
    position: absolute;
    top: 60%;
    left: 74%;
    text-align: center;
}

    .s9 img {
    }

.s10 {
    width: 26px;
    position: absolute;
    top: 25%;
    left: 44%;
    text-align: center;
}

    .s10 img {
    }

.s11 {
    width: 26px;
    position: absolute;
    top: 30%;
    left: 49%;
    text-align: center;
}

    .s11 img {
    }

.s12 {
    width: 26px;
    position: absolute;
    top: 35%;
    left: 57%;
    text-align: center;
}

    .s12 img {
    }

.s13 {
    width: 26px;
    position: absolute;
    top: 42%;
    left: 67%;
    text-align: center;
}

    .s13 img {
    }

.s14 {
    width: 26px;
    position: absolute;
    top: 48%;
    left: 74%;
    text-align: center;
}

    .s14 img {
    }

.s15 {
    width: 26px;
    position: absolute;
    top: 53%;
    left: 79%;
    text-align: center;
}

    .s15 img {
    }

.s16 {
    width: 26px;
    position: absolute;
    top: 36%;
    left: 21%;
    text-align: center;
}

.s15 img {
}

.s166 {
    width: 26px;
    position: absolute;
    top: 0;
    left: 32%;
    text-align: center;
}

    .s166 img {
    }

.s17 {
    width: 26px;
    position: absolute;
    top: 7%;
    left: 29%;
    text-align: center;
}

    .s17 img {
    }

.s18 {
    width: 26px;
    position: absolute;
    top: 16%;
    left: 23%;
    text-align: center;
}

    .s18 img {
    }

.s16 {
    width: 26px;
    position: absolute;
    top: 36%;
    left: 21%;
    text-align: center;
}

.s15 img {
}

.owl3 .owl-dots.disabled, .owl-carousel .owl-nav {
    display: block !important;
    position: absolute !important;
    top: 49% !important;
    width: 93% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.studyo {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    z-index: 999999999;
    color: #FEC733;
    font-size: 30px;
    width: 1200px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 10px #000;
}

.altimg {
    width: 1000px;
    margin: 0 auto;
}

    .altimg img {
        width: 100%;
    }

.titlediv {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}


.titledivv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #001B34;
    font-family: "Petit Formal Script", cursive;
    font-size: 50px;
    width: 100%;
    text-align: center;
}

.galeri {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.gl {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

    .gl img {
        width: 100%;
    }

.gll {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
}

.glimg {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.gll img {
    width: 100%;
}

.yakinimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #49756db3;
    transition: all 0.6s;
    opacity: 0;
}

.gl:hover .yakinimg {
    opacity: 1;
}

.glimg:hover .yakinimg {
    opacity: 1;
}

.yakinlastir {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    width: 70px !important;
    margin: 0 auto;
    margin-top: 60px;
    transition: all 0.6s;
    opacity: 0;
}

.gl:hover .yakinlastir {
    opacity: 1;
    margin-top: 0px;
}

.closeimgg {
    position: absolute;
    right: 39px;
    top: 39px;
    transform: scale(1.5);
}

.glimg:hover .yakinlastir {
    opacity: 1;
    margin-top: 0px;
}

.galeri div ul li {
    border-radius: none;
    border: 1px solid #707070;
    margin: -3px;
    height: auto;
    overflow: hidden;
    width: 100%;
    display: block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 0px;
}

    .galeri div ul li img {
        width: 100%;
        transform: scale(2);
    }

.katplanlalari {
    position: absolute;
    color: #fff;
    right: 0;
    width: 100%;
    background: #c39218;
    bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

.galeritab button {
    border: unset;
    background: unset;
    color: #000;
    text-align: center;
    font-size: 35px;
    font-weight: 200;
    opacity: 0.6;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Afterglow';
    width: 100%;
    border-radius: 60px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.slidergaleri {
    display: none;
    width: 1100px;
    margin: 0 auto;
    /* margin-top: 60px; */
}


.slidergalerri {
    display: none;
    width: 1100px;
    margin: 0 auto;
    /* margin-top: 60px; */
    margin-top: 260px;
}

.galeriokdiv {
    position: absolute;
    top: 50%;
    width: 100%;
}

    .galeriokdiv a {
        cursor: pointer;
    }

        .galeriokdiv a:nth-child(2) {
            float: right;
        }

.owl3 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
    border: 1px solid #BC7D20;
    margin-left: 70px !important;
    padding-top: 10px;
    margin-right: 60px !important;
}

.owl3 .item {
    position: relative;
    left: -30px;
}

.owl3 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

.owl3 .owl-item.active > div {
    z-index: 1 !important;
}

.owl7 .owl-item.active > div {
    cursor: auto;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
    overflow: hidden;
    margin: 10px;
}

.owl7 .owl-item.active > div {
    z-index: 1 !important;
    margin: 10px;
}

.owl8 .owl-item.active > div {
    cursor: auto;
    position: absolute;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
    overflow: hidden;
    margin: 10px;
}

.owl8 .owl-item.active > div {
    z-index: 1 !important;
    margin: 10px;
}

.sizinbahceniz {
    position: absolute;
    bottom: 100px;
    width: 400px !important;
    left: 10%;
}

.owl4 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    z-index: 1;
    /* margin: 20px !important; */
}

.owl4 .owl-item.center > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(1) !important;
    z-index: 99999999999999999999999 !important;
    transition: all 1s;
}

.owl4 .owl-item.active > div {
    z-index: 1 !important;
}

.owl5 .item {
    transform: scale(1);
}

    .owl5 .item h3 {
        padding: 29px;
    }

.hakkimizdaaciklamadiv {
    padding: 29px;
}

.owl5 .owl-stage {
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.owl6 .owl-item.active > div {
    cursor: auto;
    margin: 0;
    position: absolute;
    transform: scale(0.7);
    z-index: 1;
    margin: 20px !important;
}

.owl5 .item h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 27px;
    color: #FEC733;
    margin-top: 19px;
}

.hakkimizdaaciklamadiv {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    color: #fff;
    margin-top: 19px;
}

.owl-carousel .owl-stage {
    /* padding-top: 60px; */
    /* padding-bottom: 60px; */
}

.owl7 .owl-dots.disabled, .owl-carousel .owl-nav {
    position: absolute !important;
    top: 49% !important;
    width: 113% !important;
    left: -77px !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.owl7 .owl-carousel .owl-dots.disabled {
    display: none !important;
}

.owl8 .owl-dots.disabled, .owl-carousel .owl-nav {
    position: absolute !important;
    top: 13% !important;
    width: 100px !important;
    left: -70% !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 9999999999 !important;
    text-align: center !important;
    margin-top: 60px !important;
}

.owl8 .owl-carousel .owl-dots.disabled {
    display: none !important;
}

.owl-theme .owl-nav {
}

.owl7 .owl-carousel .owl-nav {
    display: block !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -80px;
    z-index: -1;
}

.owl4 .owl-nav {
    display: block !important;
    position: absolute;
    /* top: 39%; */
    width: 290px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    top: unset !important;
    bottom: -100px !important;
    z-index: 9999999999;
}

.owl5 .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 7px;
    background: unset !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px !important;
    border: 1px solid #75362b;
    border-radius: 30px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important;
}

.owl-prev {
    /* float: left; */
}

.owl-next {
    /* float: right; */
    position: relative;
    top: -36px;
    left: 6px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 0px !important;
    padding: 0px !important;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    border: unset !important;
    background: unset !important;
    margin: 15px !important;
}

.ulasincontainer {
    margin-top: 100px;
}

    .ulasincontainer div ul li {
        width: 69%;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        position: relative;
    }

        .ulasincontainer div ul li:nth-child(2) {
            width: 20%;
            padding-left: 50px;
        }

        .ulasincontainer div ul li img {
            cursor: pointer;
            transition: all 1s;
        }

.bizeulasin {
    width: 100%;
    transition: all 1s;
    cursor: pointer;
}

.konum1 {
    position: absolute;
    top: 17%;
    left: 49%;
    width: 9%;
    transition: all 1s;
}

.konum2 {
    position: absolute;
    top: 26%;
    left: 59%;
    width: 9%;
    transition: all 1s;
}

.konum3 {
    position: absolute;
    top: 43%;
    left: 63%;
    width: 9%;
    transition: all 0.6s;
}

.konum4 {
    position: absolute;
    top: 61%;
    left: 61%;
    width: 9%;
    transition: all 1s;
}

.konum5 {
    position: absolute;
    bottom: 15%;
    left: 50%;
    width: 9%;
    transition: all 1s;
}

.konum6 {
    position: absolute;
    bottom: 17%;
    left: 39%;
    width: 9%;
    transition: all 1s;
}

.konum1:hover {
    transform: scale(1.5);
}

.konum2:hover {
    transform: scale(1.5);
}

.konum3:hover {
    transform: scale(1.5);
}

.konum4:hover {
    transform: scale(1.5);
}

.konum5:hover {
    transform: scale(1.5);
}

.konum5:hover {
    transform: scale(1.5);
}

.konum6:hover {
    transform: scale(1.5);
}

.ulasintitle {
    font-size: 40px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.ulasininfo {
    margin-top: 30px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    color: #fff;
}

.buttonulasin button {
    margin-top: 30px;
    background: unset;
    border: unset;
    cursor: pointer;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}

    .buttonulasin button svg {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 10px;
    }

.numaradiv {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

    .numaradiv img {
        vertical-align: middle;
        margin: 10px;
    }

.footer {
    margin-top: 60px;
    /* background: #fff; */
    padding-bottom: 60px;
    width: 1500px;
    margin: 0 auto;
}

.youngbee {
    display: inline-block;
    vertical-align: middle;
}

.footercenter {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

.footermenu {
    display: inline-block;
    vertical-align: top;
}

    .footermenu div ul li {
        display: inline-block;
        vertical-align: top;
        margin: 60px;
    }

.footerlogo {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 30%;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.ftlogo {
    width: 200px;
    margin-top: 139px;
}

.ftlogoo {
    width: 100px;
    margin-top: 20px;
}

.footerdiv {
    font-family: 'Inter', sans-serif;
    color: #fff;
}

.footercenter div ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    cursor: pointer;
    margin-right: -30px;
    width: 70%;
    text-align: left;
    /* margin-bottom: -200px; */
}

    .footercenter div ul li:nth-child(1) {
        width: 16%;
        margin-top: 36px;
    }

    .footercenter div ul li a {
        color: #fff;
        /* width: 30%; */
        display: inline-block;
        vertical-align: top;
        width: 26%;
        /* text-align: left; */
        font-family: "Kanit", sans-serif;
        font-weight: 200;
        line-height: 30px;
    }

    .footercenter div ul li:nth-child(2) a .footercontent {
        /* display: inline-block; */
        /* vertical-align: top; */
        /* margin: 6px; */
        color: #fff;
        font-family: 'Inter', sans-serif;
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        letter-spacing: 3px;
    }

.footermenu {
    /* text-align: center; */
    display: block;
    margin-top: 10px;
}

.footerbaslik {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #000;
}

.footercontent {
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 400;
    margin-top: 17px;
}

.footercontainer {
    margin-top: 60px;
    display: none;
}

.footerimg {
    width: 100%;
}

.followus {
    color: #000;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

.textcenter {
    color: #fff;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    background: #355d28;
    padding-top: 10px;
    padding-bottom: 10px;
}