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

    .hamb {
        display: block;
    }


    .menu-toggle {
        position: fixed;
        top: 20px;
        left: 20px;
        /* Sola yaslı */
        z-index: 3;
        cursor: pointer;
    }

    .menu-toggle .hamburger,
    .menu-toggle .close {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
    }

    .menu-toggle .hamburger span,
    .menu-toggle .close span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff;
        transition: 0.4s;
    }

    .menu-toggle .close {
        display: none;
    }

    .menu-toggle .hamburger.hide {
        display: none;
    }

    .menu-toggle .close.show {
        display: flex;
    }

    .menu {
        position: fixed;
        top: 0;
        left: -300px;
        /* Başlangıçta gizli */
        width: 300px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 20px;
        transition: left 0.4s ease-in-out, opacity 0.4s ease-in-out;
        z-index: 2;
        font-family: "Bebas Neue", sans-serif;
    }

    .menu.open {
        left: 0;
    }

    .menu a {
        text-decoration: none;
        color: white;
    }

    .menu div {
        margin: 10px 0;
        font-size: 24px;
    }

    .menu div:hover {
        color: #bbb;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1;
        transition: opacity 0.4s ease-in-out;
    }

    .overlay.show {
        display: block;
        opacity: 1;
    }


    .ustbolum {
        position: absolute;
        width: 300px;
        ;
    }

    .ustmenutop {
        position: absolute;
        margin-top: 50px;
        font-family: "Poppins", sans-serif;
        ;
        ;
    }

    .logo {
        position: absolute;
        margin-left: 130px;
        ;
    }

    .logoyazi1 {
        position: absolute;
        margin-top: 60px;
        margin-left: 87px;
        ;
        color: #AD855D;
        font-weight: bold;
        font-family: "Bebas Neue", sans-serif;
        font-size: 40px;
        ;
    }

    .logoyazi2 {
        position: absolute;
        position: absolute;
        margin-top: 105px;
        margin-left: 77px;
        ;
        color: #fff;
        font-weight: bold;
        font-family: "Bebas Neue", sans-serif;
        font-size: 14.8px;
        width: 160px;
        letter-spacing: 1;
        ;
    }

    .menu88 {
        position: absolute;
        margin-top: 200px;
        width: 600px;
        margin-left: -100px;
        ;
        font-family: "Poppins", sans-serif;
        color: #fff;
        display: none;
        ;
    }

    .menuarka {
        position: absolute;
        width: 651px;
        height: 52px;
        flex-shrink: 0;
        border-radius: 50px;
        border: 2px solid #303030;
        background: #19191A;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.19);
        margin-top: -50px;
        margin-left: -80;
        display: none;
    }

    .menu1 {
        position: absolute;
        margin-top: -35;
        margin-left: -10;
        display: none;
    }

    .menu2 {
        position: absolute;
        margin-top: -35;
        margin-left: 100;
        display: none;
    }

    .menu3 {
        position: absolute;
        margin-top: -35;
        margin-left: 220;
        display: none;
    }

    .menu4 {
        position: absolute;
        margin-top: -35;
        margin-left: 320;
        display: none;
    }

    .menu5 {
        position: absolute;
        margin-top: -35;
        margin-left: 430;
        display: none;
    }

    .menu5x {
        position: absolute;
        font-family: "Poppins", sans-serif;
        color: #fff;
        ;
        margin-top: 175px;
        margin-left: 70px;
        width: 157px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 30px;
        border: 1px solid #CE8946;
        background: linear-gradient(174deg, #AD855D -7.14%, #785D41 96.09%);
        padding: 5px;
        ;
    }

    .menu5ok {
        position: absolute;
        margin-left: 150px;
        margin-top: 144px;
        ;
    }

    .sosyal1 {
        position: absolute;
        margin-top: 240px;
        ;
        margin-left: 140px;
        ;
    }

    .sosyal2 {
        position: absolute;
        margin-top: 240px;
        ;
        margin-left: 160px;
        ;
    }

    .ustarka99 {
        position: absolute;
        width: 300px;
        height: 792px;
        flex-shrink: 0;
        border-radius: 30px;
        background: linear-gradient(180deg, #1F1F1F 0%, rgba(9, 9, 9, 0.00) 100%);
        margin-left: 0px;
        z-index: 0;
        margin-top: 240;
    }



    .slogan {
        position: absolute;
        color: #fff;
        font-family: "Bebas Neue", sans-serif;
        font-size: 40px;
        line-height: 0.8;
        margin-top: 360px;
        margin-left: 37px;
        ;
    }

    .model1buton {
        position: absolute;
        width: 158px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 30px;
        background: rgba(74, 74, 74, 0.33);
        font-family: "Poppins", sans-serif;
        color: #fff;
        padding: 5px;
        padding-right: 25px;
        margin-top: 460px;
        margin-left: 50px;
        ;

    }

    .model1butonok {
        position: absolute;
        margin-top: -18;
        margin-left: 140;
    }



    .galeri1buton {
        position: absolute;
        width: 147px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 30px;
        border: 1px solid #AD855D;
        background: #161616;
        padding: 5px;
        padding-right: 25px;
        margin-top: 510px;
        ;
        margin-left: 55px;
        ;
        font-family: "Poppins", sans-serif;
        color: #fff;
    }

    .galeri1butonok {
        position: absolute;
        margin-top: -18;
        margin-left: 130;
    }

    .resim1 {
        position: absolute;
        margin-top: 620px;
        ;
        margin-left: 60px;
        ;
    }

    .resim1 img {
        width: 200px;
        ;
    }

    .resim2 {
        position: absolute;
        margin-top: 620px;
        ;
        margin-left: 270px;
        ;
    }

    .resim2 img {
        width: 300px;
        display: none;
        ;
    }


    .nokta1 {
        position: absolute;
        width: 51px;
        height: 50px;
        flex-shrink: 0;
        margin-top: 650px;
        ;
        border-radius: 600px;
        border: 10px dashed #4E2626;
        background: rgba(108, 65, 65, 0.44);
        mix-blend-mode: luminosity;
        backdrop-filter: blur(2px);
        margin-left: -20px;
        ;
    }

    .nokta1yazi {
        position: absolute;
        margin-top: 665px;
        border-radius: 100px;
        background: #1D1D1D;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        color: #fff;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 20px;
        ;
    }

    .nokta2 {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: #fff;
        margin-top: 600px;
        margin-left: 220px;
        ;
    }

    .nokta2yazi {
        position: absolute;
        margin-top: 600px;
        border-radius: 100px;
        background: #1D1D1D;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        color: #fff;
        font-size: 13px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 120px;
        ;
    }

    .nokta3 {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: #fff;
        margin-top: 653px;
        margin-left: 380px;
        display: none;
        ;
    }


    .nokta3yazi {
        position: absolute;
        margin-top: 765px;
        border-radius: 100px;
        background: #1D1D1D;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        color: #fff;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 10px;
        ;
    }


    .nokta4 {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: #fff;
        margin-top: 853px;
        margin-left: 180px;
        display: none;
        ;
    }

    .nokta4yazi {
        position: absolute;
        margin-top: 805px;
        border-radius: 100px;
        background: #1D1D1D;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        color: #fff;
        font-size: 13px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 10px;
        ;
    }




    .nokta5 {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background-color: #fff;
        margin-top: 783px;
        margin-left: 430px;
        display: none;
        ;
    }

    .nokta5yazi {
        position: absolute;
        margin-top: 850px;
        border-radius: 100px;
        background: #1D1D1D;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        color: #fff;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 10px;
        ;
    }


    .resim2yuvarlak {
        position: absolute;
        margin-top: 920px;
        width: 290px;
        height: 115px;
        flex-shrink: 0;
        border-radius: 100px;
        border: 2px solid rgba(173, 133, 93, 0.53);
        background: #19191A;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.19);
        margin-left: 00px;
        ;
    }

    .arkagolge {
        position: absolute;
        width: 300px;
        height: 226px;
        flex-shrink: 0;
        background: #1B1B1B;
        margin-top: 860px;
        z-index: -1;
        margin-left: 00px;
        ;
        display: none;
        ;
    }

    .aciklama1 {
        position: absolute;
        margin-top: 939px;
        width: 240px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        margin-left: 26px;
        ;
        font-size: 13px;
    }

    .aciklama1unlem {
        position: absolute;
        margin-top: 964px;
        margin-left: -12px;
        ;
    }



    .ortabolum {
        position: absolute;
        margin-top: 1020px;
        ;
    }


    .ortaustcizgi {
        position: absolute;
        width: 1px;
        height: 95px;
        background: rgba(54, 54, 54, 0.56);
        margin-top: 100px;
        margin-top: 20;
        margin-left: 150px;
        ;
    }

    .ortaustkare {
        position: absolute;
        margin-left: 141px;
        width: 16.82px;
        height: 16.82px;
        transform: rotate(-45deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-top: 100px;
        ;
    }


    .ortaalancizgibuyuk {
        position: absolute;
        width: 300px;
        height: 1090px;
        flex-shrink: 0;
        border-radius: 20px;
        border: 1px solid #434343;
        margin-left: 0px;
        margin-top: 170px;


        ;
    }


    .ortaalanhakbaslik {
        position: absolute;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        margin-top: 135px;
        margin-left: 80px;
        ;
    }

    .ortaalanhakyazi {
        position: absolute;
        font-family: "Poppins", sans-serif;
        color: #fff;
        text-align: center;
        font-size: 13px;
        width: 260px;
        margin-top: 210px;
        margin-left: 20px;
    }



    .hakkare1sol {
        position: absolute;
        margin-left: 640px;
        margin-top: 154px;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        display: none;
        ;
    }



    .hakkare1sag {
        position: absolute;
        margin-left: -335px;
        margin-top: 704px;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        display: none;
        ;
    }


    .hakaltcizgi4 {
        position: absolute;
        width: 1px;
        height: 34px;
        background: #D6B02F;
        margin-top: 1263px;
        ;
        margin-left: 150px;
    }

    .al1 {
        position: absolute;
        margin-top: 600px;
        ;
    }


    .modellerkarecizgi {
        position: absolute;
        margin-top: 787px;
        width: 300px;
        height: 1015px;
        flex-shrink: 0;
        border-radius: 20px;
        border: 1px solid #434343;
        margin-left: 0px;
        ;
    }

    .voyagerbaslikmodeller {
        position: absolute;
        margin-top: 754PX;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        margin-left: 90;
    }



    .voyagerbaslik {
        position: absolute;
        margin-top: 850px;
        ;
        text-align: center;
        font-family: "Bebas Neue";
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 145.833% */
        letter-spacing: -0.96px;
        background: linear-gradient(180deg, #AD855D 0%, #864 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-left: 20px;
        ;


    }


    .voyagericerik {
        position: absolute;
        width: 270px;
        margin-top: 940px;
        color: #ADADAD;

        font-size: 18px;
        font-style: normal;

        line-height: 113%;
        /* 20.34px */
        ;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        text-align: left;
        margin-left: 20;
        line-height: 1.5;
    }


    .voyagerdetay {
        position: absolute;
        margin-top: 1270px;
        width: 164px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 30px;
        border: 1px solid rgba(173, 133, 93, 0.34);
        background: #161616;
        font-family: "Poppins", sans-serif;
        color: #fff;
        padding: 10px;
        padding-right: 30px;
        padding-left: 1px;

        margin-left: 20px;




        ;
    }

    .voyagerdetayok {
        position: absolute;
        margin-top: 1287px;
        ;
        margin-left: 170px;
        ;
    }




    .cyborgbaslik {
        position: absolute;
        margin-top: 1350px;
        ;
        text-align: center;
        font-family: "Bebas Neue";
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 145.833% */
        letter-spacing: -0.96px;
        background: linear-gradient(180deg, #AD855D 0%, #864 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-left: 20px;
        ;



    }


    .cyborgicerik {
        position: absolute;
        width: 270;
        margin-top: 1440px;
        color: #ADADAD;

        font-size: 18px;
        font-style: normal;

        line-height: 113%;

        font-family: "Poppins", sans-serif;
        font-size: 13px;
        text-align: left;
        margin-left: 20;
        line-height: 1.5;
    }


    .cyborgdetay {
        position: absolute;
        margin-top: 1700px;
        width: 164px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 30px;
        border: 1px solid rgba(173, 133, 93, 0.34);
        background: #161616;
        font-family: "Poppins", sans-serif;
        color: #fff;
        padding: 10px;
        padding-right: 30px;
        padding-left: 1px;
        ;
        margin-left: 20px;



        ;
    }

    .cyborgdetayok {
        position: absolute;
        margin-top: 1719px;
        ;
        margin-left: 170px;
        ;
    }

    .modelortacizgi {
        position: absolute;
        margin-top: 870px;
        margin-left: 125px;
        width: 1px;
        height: 207px;
        background: #222;
        display: none;
        ;
    }


    .genel1cizgi {
        position: absolute;
        width: 1px;
        height: 57px;
        background: rgba(54, 54, 54, 0.56);
        margin-top: 1672px;
        margin-left: 120px;
        display: none;
        ;
    }

    .genel1karecizgi {
        position: absolute;
        width: 16.82px;
        height: 16.82px;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #CE8946;
        background: #CE8946;
        margin-top: 1830px;
        margin-left: 131px;
        ;
    }



    .al2 {
        position: absolute;
        margin-top: 1000px;
        ;
    }

    .genelozelliklerbaslik {
        position: absolute;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        margin-top: 1465px;
        margin-left: -0px;
        width: 300px;
        text-align: center;
    }



    .genelarka {
        position: absolute;
        width: 300px;
        height: 2605px;
        flex-shrink: 0;
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(173, 133, 93, 0.1) 0%, rgba(9, 9, 9, 0.00) 100%);
        margin-top: 1500px;
        margin-left: 0px;
        z-index: -1;
        ;
    }


    .genelo1baslik {
        position: absolute;
        margin-top: 1600px;
        margin-left: 20px;
        color: #fff;
        ;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;
        ;
    }

    .genelo2baslik {
        position: absolute;
        margin-top: 1960;
        margin-left: 20px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;
        ;
    }

    .genelo3baslik {
        position: absolute;
        margin-top: 2200px;
        margin-left: 20px;
        color: #fff;
        ;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;
        ;
    }

    .genelo4baslik {
        position: absolute;
        margin-top: 2440px;
        margin-left: 20px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;
        ;
    }

    .genelo5baslik {
        position: absolute;
        margin-top: 3030px;
        margin-left: 20px;
        color: #fff;
        ;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;
        ;
    }

    .genelo6baslik {
        position: absolute;
        margin-top: 3450px;
        margin-left: 20px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        width: 260px;
        text-align: left;

    }

    .genelozelliklercc1 {
        position: absolute;
        margin-top: 1800px;
        width: 1px;
        height: 222px;
        background: #2F2F2F;
        margin-left: -20px;
        ;
    }

    .genelozelliklercc2 {
        position: absolute;
        margin-top: 1800px;
        width: 1px;
        height: 222px;
        background: #2F2F2F;
        margin-left: -49px;
        width: 58px;
        height: 5px;
        transform: rotate(90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        ;
    }



    .genelozelliklercc3 {
        position: absolute;
        margin-top: 1500px;
        width: 1px;
        height: 222px;
        background: #2F2F2F;
        margin-left: 320px;
        ;
    }

    .genelozelliklercc4 {
        position: absolute;
        margin-top: 1750px;
        width: 1px;
        height: 222px;
        background: #2F2F2F;
        margin-left: 291px;
        width: 58px;
        height: 5px;
        transform: rotate(90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        ;
    }

    .genelpdfindir {
        position: absolute;
        margin-top: 3750px;
        width: 261px;
        height: 53px;
        flex-shrink: 0;
        border-radius: 10px;
        border: 2px solid rgba(173, 133, 93, 0.18);
        background: #19191A;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.19);
        margin-left: 20px;
        ;
    }

    .genelpdfindir2 {
        position: absolute;
        margin-top: 3756px;
        margin-left: 145px;
        width: 134px;
        height: 43px;
        flex-shrink: 0;
        border-radius: 5px;
        background: linear-gradient(90deg, #AD855D 0%, #976B40 100%);
        box-shadow: 0px 4px 40px 0px rgba(214, 176, 47, 0.35);
        ;
    }


    .genelpdfindiryazi {
        position: absolute;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 11px;
        margin-top: 3759px;
        width: 100px;
        text-align: left;
        margin-left: 46px;
        font-size: 12px;
        ;
    }


    .genelpdfindiryazi2 {
        position: absolute;
        position: absolute;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        margin-top: 3766px;
        width: 120px;
        text-align: left;
        margin-left: 165px;
        font-size: 13px;
    }



    .genelpdfindirok {
        position: absolute;
        margin-top: 3766px;
        margin-left: 245px;
        ;
    }

    .genelcizgi1 {
        position: absolute;
        margin-top: 2510px;
        width: 1px;
        height: 66px;
        background: #2F2F2F;
        margin-left: 130px;
        display: none;

    }

    .genelcizgi2 {
        position: absolute;
        margin-top: 3860px;
        width: 36px;
        height: 5px;
        transform: rotate(90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-left: 121px;
        ;
    }



    .altbolum {
        position: absolute;
        margin-top: 6030px;
    }


    .iletisimformu {
        position: absolute;
        margin-left: 25px;
        ;
    }

    .iletisimkare {
        position: absolute;
        width: 300px;
        height: 594px;
        flex-shrink: 0;
        border-radius: 20px;
        border: 0.5px solid #454545;
        margin-top: -40px;
        ;
        margin-left: 0px;
        display: none;
        ;

    }


    .iletisimbaslik {
        position: absolute;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        margin-top: -70px;
        margin-left: 25px;
        width: 200px;
        ;
    }


    /*  
font-family: "Bebas Neue", sans-serif;
 font-family: "Poppins", sans-serif;
 */



    #name {
        position: absolute;
        color: #fff;
        border: none;
        border-bottom: 1px solid #777;
        width: 200px;
        font-family: "Bebas Neue", sans-serif;
        background: none;
        margin-top: 50px;
        font-family: "Poppins", sans-serif;
        margin-left: 20px;
        ;

    }





    #phone {
        position: absolute;
        color: #fff;
        border: none;
        border-bottom: 1px solid #777;
        width: 200px;
        font-family: "Bebas Neue", sans-serif;
        margin-left: 20px;
        background: none;
        margin-top: 150px;
        ;
        font-family: "Poppins", sans-serif;
        ;
    }


    #mail {
        position: absolute;
        color: #fff;
        border: none;
        border-bottom: 1px solid #777;
        width: 200px;
        font-family: "Bebas Neue", sans-serif;
        margin-left: 20px;
        margin-top: 250px;
        ;
        background: none;
        font-family: "Poppins", sans-serif;
    }

    #subject {
        position: absolute;
        color: #fff;
        border: none;
        border-bottom: 1px solid #777;
        width: 200px;
        font-family: "Bebas Neue", sans-serif;
        margin-left: 20px;
        margin-top: 370px;
        background: none;
        font-size: 20px;
        font-family: "Poppins", sans-serif;
        ;
    }



    #message {
        position: absolute;
        color: #fff;
        border: none;
        border-bottom: 1px solid #777;
        width: 200px;
        font-family: "Bebas Neue", sans-serif;
        margin-left: 20px;
        margin-top: 460;
        background: none;
        max-height: 100px;
        min-height: 100px;
        max-width: 200;
        min-width: 200;
        padding-left: 20px;
        padding-top: 20px;
        font-family: "Poppins", sans-serif;

        ;
    }



    .conb1 {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 15px;
        width: 100px;
        text-align: left;
        ;
        margin-left: 45px;

        ;
    }



    .conb2 {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 115;
        ;
        margin-left: 45px;
        ;
    }


    .conb3 {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 215px;
        ;
        margin-left: 45px;
        ;
        ;
        ;
    }

    .conb4 {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 315px;
        ;
        margin-left: 45px;
        ;
    }


    .conb5 {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 425px;
        ;
        margin-left: 45px;
        ;
    }

    .conb6 button {
        position: absolute;
        color: #777;
        font-family: "Bebas Neue", sans-serif;
        margin-top: 680px;
        border-radius: 300px;
        background: none;
        background: none;
        width: 100px;
        ;
        padding: 10px;
        background-color: #976B40;
        border: none;
        color: #fff;
        font-size: 14px;
        width: 200px;
        letter-spacing: 1;
        margin-left: 00px;
        font-family: "Poppins", sans-serif;
        margin-left: 20PX;
        padding-left: 40px;;
        ;
    }

    #responseMessage {
        position: absolute;
        width: 300px;
        color: #fff;
        font-family: "Bebas Neue", sans-serif;
        margin-left: 0px;
        ;
    }


    .kvkk-checkbox {
        position: absolute;
        display: flex;
        align-items: center;
        font-size: 11px;
        margin-top: 15px;
        color: #ccc;
        ;
        margin-top: 570px;
        ;
        width: 200px;
        text-align: left;
        ;
        padding: 20px;
        ;
        margin-left: 0px;
        ;
        font-family: "Poppins", sans-serif;
    }


    .kvkk-checkbox input[type="checkbox"] {
        width: auto;
        position: absolute;
        margin-right: 10px;
        padding-right: 40px;
        ;
        margin-left: -30px;
        ;
    }


    .form-group {
        position: absolute;
        margin-top: 400px;
        ;
    }

    .kvkk {
        position: absolute;
        margin-top: 400px;
        ;
    }

    .altisim {
        position: absolute;
        margin-top: 800px;
        ;
    }

    .menualt {
        position: absolute;
        margin-top: 800px;
        ;
    }



    #men1git {
        position: absolute;
        ;
        margin-top: 1100px;
        ;
    }

    #men2git {
        position: absolute;
        ;
        margin-top: 2300px;
        ;
    }

    #men3git {
        position: absolute;
        ;
        margin-top: 3300px;
        ;
    }

    #men4git {
        position: absolute;
        ;
        margin-top: 3100px;
        ;
    }




    /* VOYAGER VE CYBORG SAYFALARI*/



    .ustbolumvoyager {
        position: absolute;
        width: 300px;
    }

    .sloganvoyager {
        position: absolute;
        color: #fff;
        font-family: "Bebas Neue", sans-serif;
        font-size: 60px;
        line-height: 0.8;
        margin-top: 360px;
        margin-left: 75;
    }

    .vcizgi1 {
        position: absolute;
        width: 36px;
        height: 5px;
        transform: rotate(-90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-top: 430px;
        margin-left: 135px;
        ;
    }

    .vresim1 {
        position: absolute;
        margin-top: 480px;
        margin-left: 0px;
        ;
    }

    .vresim1 img {
        width: 300px;
        ;
    }



    .vaciklamabolumu {
        position: absolute;
        margin-top: 860px;
        ;
    }

    .vaciklama1baslik {
        position: absolute;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        width: 200px;
        margin-left: 50px;
        margin-top: -35px;
        z-index: 1;
        ;
    }

    .vaciklamacizgi1 {
        position: absolute;
        width: 300px;
        height: 2000px;
        flex-shrink: 0;
        border-radius: 20px;
        border: 1px solid #434343;
        margin-left: 00px;
        ;
    }

    .vaciklamacizgi1kare {
        position: absolute;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-left: 58px;
        margin-top: -15px;
        z-index: 1;
        ;
        display: none;

    }

    .vaciklamayazisi {
        position: absolute;
        color: #FFF;
        text-align: center;

        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        /* 28.98px */
        letter-spacing: 0.72px;
        font-family: "Poppins", sans-serif;
        width: 250px;
        margin-top: 50px;
        ;
        margin-left: 25px;
        ;
    }

    .vaciklamacizgi1alt {
        position: absolute;
        width: 1px;
        height: 24px;
        background: #AD855D;
        margin-top: 2057px;
        margin-left: 150px;
        ;
    }





    .vgaleribolumu {
        position: absolute;
        margin-top: 2990px;
        margin-left: 00px;
        ;
    }

    .vgaleri1 {
        position: absolute;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 10px;
        width: 300px;
        ;
        max-width: 1000px;
        margin: 0 auto;
        aspect-ratio: 4 / 3;
    }

    .gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
    }

    .img-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .img-2 {
        grid-column: 2 / 5;
        grid-row: 1 / 3;
    }

    .img-3 {
        grid-column: 1 / 2;
        grid-row: 2 / 4;
    }

    .img-4 {
        grid-column: 2 / 4;
        grid-row: 3 / 4;
    }

    .img-5 {
        grid-column: 4 / 5;
        grid-row: 3 / 4;
    }


    .lightbox {
        display: none;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .lightbox-content {
        display: block;
        margin: auto;
        max-width: 90%;
        max-height: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
    }

    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        user-select: none;
        -webkit-user-select: none;
    }

    .prev {
        left: 0;
        border-radius: 0 3px 3px 0;
    }

    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }




    .vozelliklerbolumu {
        position: absolute;
        margin-top: 3200px;
        ;
    }


    .vozelliklerbaslik1 {
        position: absolute;
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 6;
        -webkit-text-stroke-color: #212121;
        font-family: "Bebas Neue";
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 70px;
        /* 175% */
        letter-spacing: -0.8px;
        width: 200px;
        margin-left: 50px;
        margin-top: 67;
    }


    .vozelliklerarkaplan {
        position: absolute;
        width: 300px;
        height: 2401px;




        flex-shrink: 0;
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(214, 176, 47, 0.1) 0%, rgba(9, 9, 9, 0.00) 100%);
        margin-top: 100px;
        margin-left: 00px;
        ;
    }



    .vozellikleraracizgi1 {
        position: absolute;
        width: 1px;
        height: 1028px;
        background: #2F2F2F;
        margin-top: 100px;
        margin-left: 170px;
        display: none;
        ;
    }


    .vozellikleraracizgi2 {
        position: absolute;
        width: 58px;
        height: 5px;
        transform: rotate(90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-top: 300px;
        margin-left: 140px;
        display: none;
        ;
        ;
    }




    .vozellikler1 {
        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 200px;
        margin-left: 20px;
        ;
    }

    .vozelliklerz1 {
        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 200px;
        margin-left: 20px;
        ;
    }

    .vozellikler2 {
        position: absolute;

        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 590px;
        margin-left: 20px;
        ;
    }


    .vozellikler3 {

        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 860px;
        margin-left: 20px;
        ;
    }

    .vozellikler4 {
        position: absolute;

        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 1020px;
        margin-left: 20px;
        ;
    }

    .vozellikler5 {
        position: absolute;

        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 1170px;

        margin-left: 20px;
        ;
    }

    .vozellikler6 {

        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 1290px;
        margin-left: 20px;
        ;
    }

    .vozellikler7 {

        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 1650px;
        margin-left: 20px;
        ;
    }

    .vozellikler8 {
        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 1850px;
        margin-left: 20px;
        ;
    }

    .vozellikler9 {
        position: absolute;
        width: 260;
        color: #FFF;
        font-family: Helixa;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 161%;
        /* 25.76px */
        letter-spacing: 0.64px;
        color: #FFF;
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 161%;
        letter-spacing: 0.64px;
        text-align: left;
        margin-top: 2060px;
        margin-left: 20px;
        ;
    }



    .vopcizgi1 {
        position: absolute;
        width: 1px;
        height: 66px;
        background: #2F2F2F;
        margin-top: 2200px;
        ;
        margin-left: 170px;
    }

    .vopcizgi2 {
        position: absolute;
        width: 36px;
        height: 5px;
        transform: rotate(90deg);
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #AD855D;
        background: #AD855D;
        margin-top: 2250px;
        ;
        margin-left: 152px;
    }



    .vopopsiyonbolumu {
        position: absolute;
        margin-top: 5500px;
        ;

    }

    .vopbutton {
        position: absolute;
        width: 265px;
        height: 53px;
        flex-shrink: 0;
        border-radius: 10px;
        border: 2px solid rgba(206, 137, 70, 0.18);
        background: #19191A;
        box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.19);
        margin-left: 30px;
        ;

    }


    .vopkare {
        position: absolute;
        width: 59px;
        height: 43px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #AD855D;
        box-shadow: 0px 4px 40px 0px rgba(214, 176, 47, 0.35);
        margin-left: 230px;
        ;
        margin-top: 7;
    }


    .vopkareok {
        position: absolute;
        margin-left: 242px;
        margin-top: 22px;
        ;
    }

    .voaltaciklama {
        position: absolute;
        color: #FFF;
        text-align: center;
        font-family: Helixa;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 28px */
        letter-spacing: 1.2px;
        text-transform: capitalize;
        font-family: "Poppins", sans-serif;
        margin-top: 18px;
        font-size: 16px;
        width: 150px;
        ;
        margin-left: 50px;
        ;
    }

    .voustaciklama {
        position: absolute;
        color: #FFF;
        text-align: center;
        font-family: Helixa;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        /* 28px */
        letter-spacing: 1.2px;
        text-transform: capitalize;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        margin-top: 80px;
        width: 300px;
        ;
        margin-left: 16px;
    }



    .altbolumvv {
        position: absolute;
        margin-top: 4900;
    }





    /* TEKLİF AL SAYFASI */

    .teklifalbaslik {
        position: absolute;
        color: #fff;
        font-family: "Bebas Neue", sans-serif;
        font-size: 30px;
        line-height: 0.8;
        margin-top: 340px;
        margin-left: 100;
        width: 100px;
        ;
    }


    .teklifalbolumu {
        position: absolute;
        margin-top: 400px;
        margin-left: 40px;
        ;
    }




    form {
        max-width: 180px;
        margin: 0 auto;
        font-family: "Poppins", sans-serif;

    }

    h2 {
        color: #AD855D;
        font-size: 14px;
        margin-bottom: 20px;
        margin-left: 70px;
        ;
    }

    #donanim-form h2 {
        font-size: 12px;
        margin-left: 40px;
        ;
    }


    .checkbox-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }

    label {
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 11px;
        text-align: left;
        ;

    }



    input[type="checkbox"] {

        width: 20px;
        height: 20px;
        border: 2px solid #AD855D;
        border-radius: 50%;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
    }

    input[type="checkbox"]:checked::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: #AD855D;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .form-group {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        margin-top: 40px;
    }


    .form-group .isim {
        position: absolute;
        margin-left: -100px;
        ;
    }







    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        flex: 1;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        padding: 5px 0;
        font-size: 14px;
        width: 200px;

    }


    input::place holder {
        color: #AD855D;
        opacity: 0.7;
    }

    button {
        background-color: transparent;
        border: 1px solid #AD855D;
        color: #fff;
        padding: 10px 20px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s, color 0.3s;
        margin-top: 200px;
        ;
        text-align: left;
        margin-left: -30px;
        ;
        border-radius: 200px;
        ;

    }


    button:hover {
        background-color: #AD855D;
        color: #1a1a1a;
    }

    .disclaimer {
        font-size: 12px;
        color: #fff;
        opacity: 0.7;
        margin-top: 30px;
        font-family: "Poppins", sans-serif;
        width: 200px;
        text-align: left;
        margin-top: 20px;

    }



    .altbolumvvteklif {
        position: absolute;
        margin-top: 900px;
    }

    .form-group {
        flex-direction: column;
        gap: 15px;
        /* Mobilde inputlar arasındaki dikey boşluk */
    }

    .form-group input {
        width: 100%;
        /* Tam genişlik */
    }








/* İLETİŞİM SAYFASI */




.sloganiletisim {
    position: absolute;
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 40px;
    line-height: 0.8;
    margin-top: 360px;
    margin-left: 40;
  }

  .ilet1x {
    position: absolute;
    width:240px;
    height: 290px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #434343;
    margin-left: 40px;
    margin-top: 372px;
    ;
    z-index: -1;
    ;
  }



  /*  
font-family: "Bebas Neue", sans-serif;
 font-family: "Poppins", sans-serif;
*/




  .ilet2x {
    position: absolute;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    margin-top: 410px;
    margin-left: 90px;
    font-size: 30px;
    ;
  }

  .ilet3x {
    position: absolute;
    font-family: "Bebas Neue", sans-serif;
    color: #AD855D;
    margin-top: 450px;
    margin-left: 105px;
    font-size: 20px;
    ;
  }


  .ilet4x {
    position: absolute;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    margin-top: 480px;
    margin-left: 80px;
    font-size: 30px;
  }


  .ilet5x {
    position: absolute;
    font-family: "Poppins", sans-serif;
    color: #777;
    margin-top: 530px;
  
    font-size: 11;
    margin-left: 60px;
    text-align: center;
    width: 200px;

   
  }

  .ilet6x {
    position: absolute;
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin-top: 590px;
    margin-left: -212px;
    font-size: 14;
    margin-left: 88px;
    text-align: left;
    width: 100px;
    ;
  }

  .ilet7x {
    position: absolute;
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin-top: 610px;
    margin-left: -212px;
    font-size: 14;
    margin-left: 88px;
    text-align: left;
    width: 100px;
    ;
  }

  .ilet8x {
    position: absolute;
    width: 121px;
    height:17px;
    flex-shrink: 0;
    border-radius: 100px;
border: 1px solid #414141;
background: linear-gradient(187deg, #474747 5.8%, #3A3A3A 95.53%);color:#fff;    font-family: "Bebas Neue", sans-serif;padding: 5px;;letter-spacing: 2;margin-top: 650px;;margin-left: 90px;;z-index: 2;
  }

  .ilet9x {
    position: absolute;
    width: 1px;
    height: 66px;
  
    margin-top: 665px;;background: #2F2F2F;
    margin-left: 150px;;
  }

  .ilet10x {
    position: absolute;
    border-radius: 5px;
    background: #AD855D;
    width: 36px;
    height: 5px;
    transform: rotate(90deg);
    flex-shrink: 0;
    margin-top: 720px;;
    margin-left: 133px;;
  }



  .altbolumilet {
    position: absolute;
    margin-top: 900px;
    margin-left: 20px;;
  }


  .menualtilet {
    position: absolute;
    margin-top: 850;
    margin-left: -20px;
    ;
  }




  .lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
  }
  
  .lightbox-content {
    background-color: #fefefe;
    margin: 5% auto; /* Üst marjini azalttık */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 700px;
    max-height: 80vh; /* Maksimum yükseklik ekledik */
    overflow-y: auto; /* Dikey kaydırma çubuğu ekledik */
  }
  
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: sticky; /* Kapatma düğmesini sabit yaptık */
    top: 0;
    background-color: #fefefe;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  


  .kvkk7{position: absolute;opacity: 0.4;margin-left: 60px;font-size:12px;margin-top: -180px;;width: 200px;;;}


  .kvkk77{position: absolute;margin-top: 720px;;}
  .dilsec{display: none;;}































}