@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
  font-family: "AlternateGotNo3D-3Dregular";
  src: url("../font/alternategotno3d-webfont.woff2") format("woff2"),
    url("f../ont/alternategotno3d-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AlternateGotNo3D-3Dregular";
  src: url("../font/alternategotno3d-webfont.woff2") format("woff2"),
    url("f../ont/alternategotno3d-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 1160px) {
  .left-menu {
    display: block;
    position: fixed;
    z-index: 999;
  }

  .menu-icon {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 1000;
    cursor: pointer;
  }

  #menuOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    z-index: 999;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease;
  }

  .menu-content {
    text-align: left;
  }

  .menu-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .menu-content li {
    margin: 20px 0;
  }

  .menu-content a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-family: "AlternateGotNo3D-3Dregular";
  }

  .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    font-family: "AlternateGotNo3D-3Dregular";
  }

  .hidden {
    display: none;
  }

  #menuOverlay.show {
    display: flex;
  }

  .ustbolum {
    position: absolute;
    margin-left: -770px;
    margin-top: -400;
    width: 300px;
  }

  .woemnswear-resim {
    width: 190px;
    height: 251px;
    position: absolute;
    left: 803px;
    top: 710px;
    object-fit: cover;
  }

  .ana-cizgiler {
    width: 300px;
    height: 1116px;
    position: absolute;
    left: 8px;
    top: 397px;
    overflow: visible;
    z-index: -1;
  }

  .ust-menu {
    height: 32px;
    position: absolute;
    margin-left: 00px;
    display: none;;

  }
  

  .history {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 689px;
    top: 454px;
  }

  .about-us {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 786px;
    top: 454px;
    width: 100px;
  }

  .collections {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 891px;
    top: 454px;
  }

  .why-us {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 1019px;
    top: 454px;
    width: 100px;
  }

  .news {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 1111px;
    top: 454px;
  }

  .contact-us555 {
    color: #333;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 75px;
    top: 65px;
    width: 180px;
  }

  .contact-us {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 1190px;
    top: 454px;
    width: 100px;
  }

  .anasayfa-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 625px;
    top: 458px;
    overflow: visible;
  }

  .rectangle-1 {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 689px;
    top: 483px;
  }

  .ust-kirmizicizgi-2 {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 780;
    top: 625px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;;
  }

  .orta-kirmizi-cizgi {
    background: #d11e28;
    width: 25px;
    height: 3px;
    position: absolute;
    left: 801px;
    top: 1179px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;
  }

  .rectangle-10 {
    background: linear-gradient(178deg, rgba(216, 63, 103, 0.43) 1.75%, rgba(216, 63, 103, 0.56) 98.66%);
    opacity: 0.6;
    width: 189px;
    height: 50px;
    position: absolute;
    left: 762px;
    top: 530px;
  }

  .alt-slogan {
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 17px;
    line-height: 90%;
    letter-spacing: 0.02em;
    font-weight: 400;
    position: absolute;
    left: 802px;
    top: 663px;
    color: #333;
    width: 200px;
  }

  .get-more-arka {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 173px;
    height: 286px;
    position: absolute;
    margin-top: 700px;
    right: 0;
    display: none;
  }

  .collection-buton-kirmizi {
    background: #d83f67;
    width: 182px;
    height: 55px;
    position: absolute;
    left: 893px;
    top: 755px;
    box-shadow: 0px 4px 20px 0px rgba(252, 0, 0, 0.24);
  }

  .get-more-yazi {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 25px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;

    right: 366px;
    top: 733px;
    width: 166px;
    z-index: 2;
    display: none;
  }

  .get-more-about {
    color: #707070;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 17px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    right: 476px;
    top: 933px;
    z-index: 2;
    display: none;
  }

  .rectangle-7 {
    background: #ffffff;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 945px;
    top: 915px;
  }

  .vector {
    position: absolute;
    left: 956.36px;
    top: 926px;
    overflow: visible;
  }

  .collection-buton-ok {
    position: absolute;
    left: 1035px;
    top: 777.49px;
    overflow: visible;
  }

  .colllection-buton-yazi {
    color: #fff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    left: 933px;
    top: 765px;
  }

  .womenswearyy {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 820px;
    top: 925px;
  }

  .new-collect-on {
    color: #9f9f9f;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 820px;
    top: 896px;
    width: 100px;
  }

  .ana-arkaplan {
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: 0.1;
    left: 0;
    width: 100%;
    height: 900px;  
  }

  .ana-arkaplan img {
    object-fit: cover;
    width: 100%;
    height: 900px;
  
  }

  .get-more-resim {
    width: 241px;
    height: 370px;
    position: absolute;
    right: 100px;
    top: 617;
    object-fit: cover;
    z-index: 1;
    display: none;
  }

  .ustkirimizicizgi {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 500px;
    top: 397px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  .instagram-logo {
    width: 46.57px;
    height: 18.85px;
    position: absolute;
    left: 276px;
    top: 462px;
    overflow: visible;
  }

  .twitter-logo {
    width: 19.96px;
    height: 16.63px;
    position: absolute;
    left: 307.04px;
    top: 463.11px;
    overflow: visible;
  }


  .importa-logo {
    color: #d11e28;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
right: 10px;
    top: -20px;
    z-index: 9;
  }


  .importa-logo img {
    width: 120px;
  }


  .ana-slogan {
    color: #333;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 50px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 772px;
    top: 488px;
    width: 295px;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .orta-bolum-1 {
    position: absolute;
    margin-left: -470px;
    margin-top: 675;
  }

  .collection-4-resim {
    border-radius: 5px;
    width: 280px;
    height: 159px;
    position: absolute;
    left: 480;
    top: 513px;
    object-fit: cover;
  }

  .collection-3-resim {
    border-radius: 5px;
    opacity: 0.7;
    width: 280px;
    height: 159px;
    position: absolute;
    left: 480;
    top: 355px;
    object-fit: cover;
  }

  .collection-2-resim {
    border-radius: 5px;
    opacity: 0.5;
    width: 280px;
    height: 159px;
    position: absolute;
    left: 480;
    top: 197px;
    object-fit: cover;
  }

  .collection-1-resim {
    border-radius: 5px;
    opacity: 1;
    width: 280px;
    height: 159px;
    position: absolute;
    left: 480;
    top: 39px;
    object-fit: cover;
  }

  .collection-ok-asagi {
    position: absolute;
    left: 593px;
    top: 1.42px;
    overflow: visible;
  }

  .collection-baslik {
    color: #333;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 491px;
    top: 0px;
  }

  .col-yuvarlak-1 {
    border-radius: 100px;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    width: 37.5;
    height: 16px;
    position: absolute;
    left: 498px;
    top: 105px;
  }

  .col-yuvarlak-4 {
    border-radius: 100px;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    width: 37.5;
    height: 16px;
    position: absolute;
    left: 498px;
    top: 578px;
  }

  .col-yuvarlak-3 {
    border-radius: 100px;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    width: 37.5;
    height: 16px;
    position: absolute;
    left: 498px;
    top: 420px;
  }

  .col-yuvarlak-2 {
    border-radius: 100px;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    width: 37.5;
    height: 16px;
    position: absolute;
    left: 498px;
    top: 260px;
  }

  .collection-baslik-1 {
    color: #fff;
    text-align: left;
    font-family: "Optika-Regular", sans-serif;
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 553px;
    top: 106px;
  }

  .collection-baslik-3 {
    color: #fff;
    text-align: left;
    font-family: "Optika-Regular", sans-serif;
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 553px;
    top: 420px;
    width: 150px;
  }

  .collection-baslik-4 {
    color: #fff;
    text-align: left;
    font-family: "Optika-Regular", sans-serif;
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 553px;
    top: 578px;
  }

  .collection-baslik-2 {
    color: #ffffff;
    text-align: left;
    font-family: "Optika-SemiBold", sans-serif;
    font-size: 20px;
    line-height: 84%;
    font-weight: 600;
    position: absolute;
    left: 553px;
    width: 150px;
    top: 261px;
  }

  .collection-01 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 12px;

    font-weight: 400;
    position: absolute;
    left: 510px;
    top: 106px;
    width: 50px;
  }

  .collection-03 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 12px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 510px;
    top: 424px;
    width: 50px;
  }

  .collection-04 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 12px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 510px;
    top: 581px;
    width: 50px;
  }

  .collection-02 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 12px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 510px;
    top: 264px;
    width: 50px;
  }

  .collection-yuvarlak-1 {
    width: 23px;
    height: 23px;
    position: static;
  }

  .ellipse-1 {
    background: #ff0000;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 713px;
    top: 104px;
  }

  .ellipse-2 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 725px;
    top: 104px;
  }

  .ellipse-3 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 725px;
    top: 118px;
  }

  .ellipse-4 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 713px;
    top: 118px;
  }

  .collection-yuvarlak-2 {
    width: 23px;
    height: 23px;
    position: absolute;
    margin-left: -440px;
    margin-top: -31;
  }

  .ellipse-5 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 265px;
  }

  .ellipse-6 {
    background: #d90000;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 265px;
  }

  .ellipse-7 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 279px;
  }

  .ellipse-8 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 279px;
  }

  .collection-yuvarlak-3 {
    width: 23px;
    height: 23px;
    position: absolute;
    margin-left: -440px;
    margin-top: -31;
  }

  .ellipse-9 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 425px;
  }

  .ellipse-10 {
    background: #ffffff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 425px;
  }

  .ellipse-11 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 439px;
  }

  .ellipse-12 {
    background: #ff0000;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 439px;
  }

  .collection-yuvarlak-4 {
    width: 23px;
    height: 23px;
    position: absolute;
    margin-left: -440px;
    margin-top: -31;
  }

  .ellipse-13 {
    background: #d9d9d9;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 583px;
  }

  .ellipse-14 {
    background: #ffffff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 583px;
  }

  .ellipse-15 {
    background: #ff0000;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1167px;
    top: 597px;
  }

  .ellipse-16 {
    background: #ffffff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1153px;
    top: 597px;
  }

  .collection-buton {
    width: 219px;
    height: 45px;
    position: absolute;
    margin-left: -500px;
    margin-top: -90px;
  }

  .collection-buton-yuvarlak {
    background: linear-gradient(186.56deg, rgba(71, 71, 71, 1) 0%, rgba(58, 58, 58, 1) 100%);
    border-radius: 100px;
    border-style: solid;
    border-color: #414141;
    border-width: 1px;
    width: 219px;
    height: 45px;
    position: absolute;
    left: 1009px;
    top: 722px;
  }

  .collection-buton-ok2 {
    position: absolute;
    left: 1185px;
    top: 740.49px;
    overflow: visible;
  }

  .collection-yazi {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 1054px;
    top: 731px;
    width: 150px;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .orta-bolum-2 {
    position: absolute;
    margin-top: 1490px;
    margin-left: -465px;
    width: 300px;
  }

  .about-ic-1-arka {
    background: #1e1e1e;
    border-radius: 2px;
    width: 280;
    height: 158px;
    position: absolute;
    left: 470px;
    top: 55px;
  }

  .about-ic-2-arka {
    border-radius: 2px;
    border-style: solid;
    border-color: #323232;
    border-width: 1px;
    width: 280;
    height: 158px;
    position: absolute;
    left: 470px;
    top: 225px;
  }

  .about-icyazi-1 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 490;
    top: 83px;
    width: 250px;
  }

  .about-icyazi-2 {
    color: #707070;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 490;
    top: 263px;
    width: 250px;
  }

  .about-asagi-ok {
    position: absolute;
    left: 566px;
    top: 2.2px;
    overflow: visible;
  }

  .about-yazi {
    color: #333;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 476px;
    top: 0px;
    width: 100px;
  }

  .about-more-arka {
    background: #333333;
    border-radius: 100px;
    width: 160px;
    height: 45px;
    position: absolute;
    left: 485px;
    top: 413px;
  }

  .about-gurup-cizgi {
    border-radius: 100px;
    border-style: solid;
    border-color: red;
    border-width: 1px;
    width: 130;
    height: 45px;
    position: absolute;
    left: 470;
    top: 490px;
    box-shadow: 0px 0px 10px 0px rgba(252, 0, 0, 0.14);
  }

  .about-social-arka {
    background: #292929;
    border-radius: 100px;
    border-style: solid;
    border-color: #565656;
    border-width: 1px;
    width: 280;
    height: 48px;
    position: absolute;
    left: 470;
    top: 550;
  }

  .about-history-arka {
    border-radius: 100px;
    border-style: solid;
    border-color: red;
    border-width: 1px;
    width: 130;
    height: 45px;
    position: absolute;
    left: 620;
    top: 490;
    box-shadow: 0px 0px 10px 0px rgba(252, 0, 0, 0.14);
  }

  .about-gurup-yazi {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 497;
    top: 502px;
  }

  .about-social-yazi {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 497;
    top: 563px;
    width: 300px;
  }

  .history-alt {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 650;
    top: 502px;
  }

  .about-more-ok {
    position: absolute;
    left: 597;
    top: 430.49px;
    overflow: visible;
  }

  .about-more-yazi {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 518px;
    top: 422px;
    width: 200px;;
  }

  .about-gurup-ikon-arka {
    background: #ffffff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 560;
    top: 499px;
  }

  .about-history-kirmizi-arka {
    background: #e70000;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 712px;
    top: 499px;
  }

  .about-gurup-ikon {
    position: absolute;
    left: 571;
    top: 508;
    overflow: visible;
  }

  .about-history-ok {
    position: absolute;
    left: 720px;
    top: 508;
    overflow: visible;
  }

  .group-1425 {
    width: 51px;
    height: 18.85px;
    position: absolute;
    left: 10px;
    top: 744px;
    overflow: visible;
  }

  .about-social-twitter {
    width: 19.96px;
    height: 16.63px;
    position: absolute;
    overflow: visible;
    margin-left: 530;
    margin-top: 565;
  }

  .about-social-instagram {
    width: 46.57px;
    height: 18.85px;
    position: absolute;
    overflow: visible;
    margin-left: 560;
    margin-top: 563;
  }

  .about-kirmizi {
    margin-top: -1px;
    border-style: solid;
    border-color: #f00000;
    border-width: 1px 0 0 0;
    width: 26px;
    height: 0px;
    position: absolute;
    left: 778px;
    top: 115px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .orta-bolum-3 {
    position: absolute;
    margin-left: -410;
    margin-top: 2150px;
    width: 680;
  }

  .vector77 {
    position: absolute;
    left: 582px;
    top: 186px;
    overflow: visible;
  }

  .why-us-alt {
    color: #333;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 60px;
    line-height: 84%;
    font-weight: 400;
    position: absolute;
    left: 433px;
    top: 111px;
  }

  .line-15 {
    margin-top: -1px;
    border-style: solid;
    border-color: #2d2d2d;
    border-width: 1px 0 0 0;
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
    display: none;
  }

  .rectangle-32 {
    background: linear-gradient(186.56deg, rgba(71, 71, 71, 1) 0%, rgba(58, 58, 58, 1) 100%);
    border-radius: 100px;
    border-style: solid;
    border-color: #414141;
    border-width: 1px;
    width: 191px;
    height: 45px;
    position: absolute;
    left: 459px;
    top: 793px;
  }

  .vector2 {
    position: absolute;
    left: 596px;
    top: 811.49px;
    overflow: visible;
  }

  .google-map {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 500px;
    top: 801px;
  }

  .rectangle-30 {
    background: #2d2d2d;
    border-radius: 20px;
    border-style: solid;
    border-color: #363636;
    border-width: 1px;
    width: 233px;
    height: 78px;
    position: absolute;
    left: 452px;
    top: 429px;
  }

  .rectangle-22 {
    background: #1e1e1e;
    border-radius: 20px;
    width: 280;
    height: 221px;
    position: absolute;
    left: 425;
    top: 237px;
  }

  ._100 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 450px;
    top: 278px;
  }

  ._500 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 570px;
    top: 278px;
  }

  ._50 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 450px;
    top: 358px;
  }

  .high-quality-materials {
    color: #515151;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 450px;
    top: 314px;
    width: 115px;
  }

  .different-colors-and-patterns {
    color: #515151;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 570px;
    top: 314px;
    width: 115px;
  }

  .new-products-every-month {
    color: #515151;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 450px;
    top: 384px;
    width: 114px;
  }

  .rectangle-23 {
    background: #242424;
    border-radius: 10px;
    width: 291px;
    height: 121px;
    position: absolute;
    left: 419px;
    top: 887px;
  }

  .rectangle-24 {
    background: #d9d9d9;
    width: 121px;
    height: 30px;
    position: absolute;
    left: 551px;
    top: 918px;
  }

  ._20-years-of-industry-experience {
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 442px;
    top: 918px;
    width: 236px;
  }

  ._20-years-of-industry-experience-span {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }

  ._20-years-of-industry-experience-span2 {
    color: #000000;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }

  ._20-years-of-industry-experience-span3 {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }

  .vector3 {
    position: absolute;
    left: 600.64px;
    top: 950.77px;
    overflow: visible;
  }

  .rectangle-25 {
    background: #ff0000;
    border-radius: 2px;
    width: 75px;
    height: 22px;
    position: absolute;
    left: 594px;
    top: 973px;
  }

  .why-us2 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 606px;
    top: 975px;
    width: 100px;
  }

  .vector4 {
    position: absolute;
    left: 629px;
    top: 477.49px;
    overflow: visible;
  }

  .why-us-more {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 494px;
    top: 469px;
  }

  .line-11 {
    margin-top: -1px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px 0 0 0;
    width: 92px;
    height: 0px;
    position: absolute;
    left: 561px;
    top: -20px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  .line-12 {
    margin-top: -1px;
    border-style: solid;
    border-color: #f00000;
    border-width: 1px 0 0 0;
    width: 26px;
    height: 0px;
    position: absolute;
    left: 561px;
    top: 48px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  .line-16 {
    margin-top: -1px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px 0 0 0;
    width: 92px;
    height: 0px;
    position: absolute;
    left: 554px;
    top: 456px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;
  }

  .line-17 {
    margin-top: -1px;
    border-style: solid;
    border-color: #f00000;
    border-width: 1px 0 0 0;
    width: 26px;
    height: 0px;
    position: absolute;
    left: 554px;
    top: 523px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;
  }

  .from-monday-to-friday {
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 104%;
    font-weight: 400;
    position: absolute;
    left: 472px;
    top: 638px;
  }

  .from-monday-to-friday-span {
    color: #333;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 104%;
    font-weight: 400;
  }

  .from-monday-to-friday-span2 {
    color: #f20a0a;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 104%;
    font-weight: 400;
  }

  .from-monday-to-friday-span3 {
    color: #333;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 104%;
    font-weight: 400;
  }

  .from-monday-to-friday-span4 {
    color: #f60101;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 104%;
    font-weight: 400;
  }

  ._9-00-am-6-00-pm {
    color: #333;
    text-align: center;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 104%;
    font-weight: 400;
    position: absolute;
    left: 486px;
    top: 675px;
  }

  .opening-hours {
    color: #333;
    text-align: center;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 104%;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 446px;
    top: 586px;
    width: 260px;;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .orta-bolum-4 {
    position: absolute;
    margin-left: 5px;
    margin-top: 3230px;
    width: 280px;
  }

  .by-submitting-the-form-you-consent-to-the-collection-of-your-information-in-accordance-with-kvkk {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 13px;
    line-height: 161%;
    letter-spacing: 0.08em;
    font-weight: 400;
    position: absolute;
    left: 385px;
    top: 526px;
    width: 282px;
  }

  .group-23 {
    width: 203px;
    height: 43px;
    position: static;
  }

  .rectangle-6 {
    background: rgba(209, 30, 40, 0.13);
    border-radius: 100px;
    border-style: solid;
    border-color: #d11e28;
    border-width: 1px;
    width: 203px;
    height: 43px;
    position: absolute;
    left: 91px;
    top: 526px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
  }

  .send-request {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    line-height: 161%;
    letter-spacing: 0.04em;
    font-weight: 400;
    position: absolute;
    left: 70px;
    top: 866px;
    width: 138px;
  }

  .send-request button {
    background: rgba(209, 30, 40, 0.13);
    border-radius: 100px;
    border: 1px solid #d11e28;
    color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    line-height: 161%;
    letter-spacing: 0.04em;
    font-weight: 400;
    width: 200px;
    margin-left: -30px;
    margin-top: 20px;
  }

  .rectangle-36 {
    border-radius: 20px;
    border-style: solid;
    border-color: #888888;
    border-width: 0.5px;
    width: 280;
    height: 874px;
    position: absolute;
    left: 0px;
    top: 84px;
  }

  .contact-usxxx {
    color: #ffffff;
    text-align: center;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 70px;
    letter-spacing: -0.02em;
    font-weight: 400;
    position: absolute;
    left: 484px;
    top: 46px;
    width: 153px;
  }

  .name-and-surname,
  .email,
  .request,
  .company,
  .subject {
    color: #5a5a5a;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    margin-top: -2;
  }

  .name-and-surname {
    position: absolute;
    left: 21px;
    top: 138px;
  }

  .email {
    position: absolute;
    left: 21px;
    top: 256px;
  }

  .request {
    position: absolute;
    left: 21px;
    top: 630px;
  }

  .company {
    position: absolute;
    left: 21px;
    top: 389;
  }

  #company,
  #name,
  #email,
  #subject,
  #request {
    background: none;
    border-bottom: 2px solid #888;
    border-radius: 0;
  }








  #subject {
    width: 230;
    position: absolute;
    margin-top: 51px;
    margin-left: 0px;
    background: none;
    background-color: none;
    margin-left: -60px;
    border: none;
    border-bottom: 2px solid #888;
    padding: 10px;
    color: #333;
  }



  #request {
    width: 200px;
    position: absolute;
    margin-top: -20px;
    margin-left: -60px;
    max-width: 230px;
    min-width: 230px;
    min-height: 100px;
    max-height: 100px;
  }

  .subject {
    position: absolute;
    left: 20px;
    top: 496px;
  }

  input[type="text"],
  input[type="email"],
  textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    background: #2c2c2c;
    color: #fff;
    border: none;
    border-radius: 5px;
  }

  textarea {
    height: 100px;
  }

  .checkbox-container {
    margin-top: 728px;
    color: #333;
    font-family: "Europa-Regular", sans-serif;
    font-size: 13px;

    letter-spacing: 0.08em;

    margin-left: 60px;
    width: 200px;
    text-align: left;
  }

  #kvkk {
    position: absolute;
    margin-left: -120px;
    margin-top: 34;
  }

  #responseMessage {
    position: absolute;
    top: 600px;
    left: 100px;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .alt-bolum {
    position: absolute;
    margin-left: -375px;
    margin-top: 4330px;
    width: 400px;
  }

  .rectangle-44 {
    background: linear-gradient(186.56deg, rgba(71, 71, 71, 1) 0%, rgba(58, 58, 58, 1) 100%);
    border-radius: 100px;
    border-style: solid;
    border-color: #414141;
    border-width: 1px;
    width: 191px;
    height: 45px;
    position: absolute;
    left: 420px;
    top: 159px;
  }

  .vector-88 {
    position: absolute;
    left: 555;
    top: 177.49px;
    overflow: visible;
  }

  .google-map4 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 461px;
    top: 167px;
    width: 100px;
  }

  .halaskargazi-matbaac-osmanbey-street-34100-i-li-stanbul {
    color: #676767;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    left: 400;
    top: 0px;
    width: 256px;
  }

  .info-gastroinoks-com-tr {
    color: #676767;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    left: 400;
    top: 75px;
  }

  .w-importa-com-tr {
    color: #676767;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    left: 400;
    top: 104px;
  }

  .home-page-history-about-us {
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    left: 390px;
    top: 230px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100px;
  }

  .home-page-history-about-us-span {
    color: #d11e28;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    width: 100px;
    left: 390px;
    display: none;
  }

  .home-page-history-about-us-span a {
    color: #fff;
    text-decoration: none;
  }
  .home-page-history-about-us-span2 a {
    color: #fff;
    text-decoration: none;
  }

  .home-page-history-about-us-span2 {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    display: none;
  }

  .collections-why-us-news-contact-us {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    left: 530px;
    top: 230px;
    display: none;

    align-items: center;
    justify-content: flex-start;
    display: none;
  }

  .collections-why-us-news-contact-us a {
    text-decoration: none;
    color: #fff;
  }

  .line-5 {
    margin-top: -2px;
    border-style: solid;
    border-color: #343434;
    border-width: 2px 0 0 0;
    opacity: 0.5;
    width: 922px;
    height: 0px;
    position: absolute;
    left: 962px;
    top: 249px;
    transform-origin: 0 0;
    transform: rotate(180deg) scale(1, 1);
    display: none;
  }

  .the-use-of-all-materials-on-the-site-is-reserved-2024 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    line-height: 102%;
    font-weight: 400;
    position: absolute;
    left: 60px;
    top: 305;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    display: none;
  }

  .div {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    line-height: 102%;
    font-weight: 400;
    position: absolute;
    left: 396;
    top: 305px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    display: none;
  }

  .kvkk-clarification-text {
    color: #333;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 12px;
    line-height: 102%;
    font-weight: 400;
    position: absolute;
    left: 430;
    top: 295px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .information-society-services {
    color: #333;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 12px;
    line-height: 102%;
    font-weight: 400;
    position: absolute;
    left: 542px;
    top: 295px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .line-6 {
    margin-top: -1px;
    border-style: solid;
    border-color: #333;
    border-width: 1px 0 0 0;
    width: 10px;
    height: 0px;
    position: absolute;
    left: 525px;
    top: 306px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  .group-22 {
    width: 243.94px;
    height: 46.71px;
    position: static;
  }

  .enter-your-email-address {
    color: #838383;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.075em;
    font-weight: 400;
    opacity: 0.79;
    position: absolute;
    left: 821px;
    top: 48.13px;
    width: 172.15px;
    height: 28.55px;
  }

  .group {
    width: 38.42px;
    height: 47.58px;
    position: static;
  }

  .rectangle-9 {
    background: #d11e28;
    width: 46.66px;
    height: 35.74px;
    position: absolute;
    left: 1008.23px;
    top: 38.25px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
  }

  .rectangle-8 {
    background: #d11e28;
    width: 46.66px;
    height: 35.74px;
    position: absolute;
    left: 1009.15px;
    top: 40.93px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
  }

  .group2 {
    width: 8.81px;
    height: 9.87px;
    position: absolute;
    left: 1032.59px;
    top: 63.93px;
    overflow: visible;
  }

  .newsletter-subscription {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.075em;
    font-weight: 400;
    position: absolute;
    left: 817px;
    top: 0px;
  }

  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */
  /* OUR COLLECTION ANA SAYFA */

  .ara-bolum {
    position: absolute;
    margin-top: 220px;
    margin-left: -278;
  }

  .our-collections {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 55px;
    line-height: 90%;
    font-weight: 400;
    opacity: 0.1;
    position: absolute;
    left: 266px;
    top: 0px;
    width: 200px;
  }

  .rectangle-38 {
    border-radius: 40px 17px 21px 41px;
    width: 272px;
    height: 284px;
    position: absolute;
    left: 319px;
    top: 114px;
    object-fit: cover;
  }

  .rectangle-6x {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 202px;
    height: 201px;
    position: absolute;
    left: 256px;
    top: 56px;
  }

  .our-collections2 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 279px;
    top: 82px;
    width: 137px;
  }

  .il-centenario {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 260px;
    top: 787px;
    width: 137px;
  }

  .brochier-paris {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 260px;
    top: 960;
    width: 198px;
  }

  .i-classici {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 380;
    top: 787px;
    width: 137px;
  }

  .industry {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 380;
    top: 960;
    width: 137px;
  }

  .clerici-tessuto {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 480;
    top: 787px;
    width: 199px;
  }

  .clerici-tessuto4x {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 24;
    top: 7px;

    width: 199px;
  }

  .larusmiani-tessuti {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 15px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 490;
    top: 960;
    width: 199px;
  }

  .tex-homme {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;

    top: 1636px;
    width: 198px;
  }

  .accessories {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 306px;
    top: 1636px;
    width: 137px;
  }

  .luna-home {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 612px;
    top: 1636px;
    width: 199px;
  }

  .menswear {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 1669px;
    width: 137px;
  }

  .menswear4x {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 617px;
    top: 1321px;
    width: 137px;
  }

  .accessories2 {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 306px;
    top: 1669px;
    width: 137px;
  }

  .home-furnishing {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 612px;
    top: 1669px;
    width: 137px;
  }

  .womenswear {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 5px;
    top: 972px;
    width: 137px;
  }

  .womenswear2 {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 5px;
    top: 1321px;
    width: 137px;
  }

  .womenswear3 {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 311px;
    top: 972px;
    width: 137px;
  }

  .womenswear4 {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 311px;
    top: 1321px;
    width: 137px;
  }

  .womenswear5 {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 617px;
    top: 972px;
    width: 137px;
  }

  .all-collections4x {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 280;
    top: 215px;
    width: 130px;
  }

  .we-realize-several-collections-of-womenswear-menswear-accessories-and-home-furnishing-fabrics-our-collections-are-aimed-at-selected-target-segments-from-couture-to-pre-t-a-porter-until-intermediate-market {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 270px;
    top: 471px;
    width: 279px;
  }

  .rectangle-45 {
    border-radius: 5px;
    width: 99px;
    height: 72px;
    position: absolute;
    left: 250px;
    top: 706px;
    object-fit: cover;
  }

  .rectangle-51 {
    border-radius: 5px;
    width: 299px;
    height: 212px;
    position: absolute;
    left: 0px;
    top: 1404px;
    object-fit: cover;
  }

  .rectangle-48 {
    border-radius: 5px;
    width: 99px;
    height: 72px;
    position: absolute;
    left: 250px;
    top: 855px;
    object-fit: cover;
  }

  .rectangle-46 {
    border-radius: 5px;
    width: 99px;
    height: 72;
    position: absolute;
    left: 356px;
    top: 706px;
    object-fit: cover;
  }

  .rectangle-53 {
    border-radius: 5px;
    width: 99px;
    height: 72px;
    position: absolute;
    left: 306px;
    top: 1404px;
    object-fit: cover;
  }

  .rectangle-49 {
    border-radius: 5px;
    width: 99px;
    height: 72px;
    position: absolute;
    left: 356px;
    top: 855px;
    object-fit: cover;
  }

  .rectangle-47 {
    border-radius: 5px;
    width: 99;
    height: 72;
    position: absolute;
    left: 461px;
    top: 706px;
    object-fit: cover;
  }

  .rectangle-55 {
    border-radius: 5px;
    width: 299px;
    height: 212px;
    position: absolute;
    left: 611px;
    top: 1404px;
    object-fit: cover;
  }

  .rectangle-50 {
    border-radius: 5px;
    width: 99px;
    height: 72px;
    position: absolute;
    left: 461px;
    top: 855px;
    object-fit: cover;
  }

  .orta-kirmizi-cizgixx {
    background: #d11e28;
    width: 25px;
    height: 3px;
    position: absolute;
    left: 258;
    top: 449px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  .orta-bolum-3xx {
    position: absolute;
    margin-left: -425;
    margin-top: 1550px;
    width: 700px;
    display: none;
  }

  .orta-bolum-4xx {
    position: absolute;
    margin-left: -435;
    margin-top: 2330px;
    width: 700px;
    display: none;;
  }

  .alt-bolumxx {
    position: absolute;
    margin-left: -405;
    margin-top: 3130px;
    width: 400px;
  }

  .orta-bolum-4xxxx {
    position: absolute;
    margin-left: 5;
    margin-top: 2330px;
    width: 300px;
  }

  .alt-bolumxxxx {
    position: absolute;
    margin-left: -365;
    margin-top: 3330px;
    width: 400px;
  }

  .orta-bolum-4xxxxx {
    position: absolute;
    margin-left: -390;
    margin-top: 2430px;
    width: 700px;
  }

  .alt-bolumxxxxx {
    position: absolute;
    margin-left: -365;
    margin-top: 2130px;
    width: 400px;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */


  .orta-bolum-4xxxxx44{display: none;;}
  .ara-bolum2 {
    position: absolute;
    margin-top: 220px;
    margin-left: -278;
  }
.albunuyukari99{width: 300px;;}
  .vector666 {
    width: 12px;
    height: 9px;
    position: absolute;
    left: 235px;
    top: 311.49px;
    overflow: visible;
  }

  .womenswearxxy {
    color: #575757;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 25px;
    top: 45px;
  }
  .rectangle-56 {
    border-radius: 5px;
    width: 903px;
    height: 244px;
    position: absolute;
    left: 0px;
    top: 104px;
    object-fit: cover;
  }
  .rectangle-666 {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 402px;
    height: 201px;
    position: absolute;
    left: 470px;
    top: 19px;
  }
  .our-collectionsxxx {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 493px;
    top: 45px;
    width: 137px;
  }
  .all-collections {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 516px;
    top: 178px;
    width: 200px;
  }
  .arrow-1 {
    position: absolute;
    left: 487px;
    top: 182px;
    overflow: visible;
  }
  .industry-is-a-young-and-dynamic-collection-offering-both-natural-and-sustainable-technical-fabrics-designed-to-be-functional-and-provide-comfort-prints-are-the-core-of-the-collection-where-base-fabrics-are-always-innovative-and-up-to-date-for-material-and-structures-jacquard-fabrics-complete-the-proposal-for-a-modern-style-in-continuous-evolution {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 25px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 59px;
    top: 434px;
    width: 779px;
  }

  .orta-bolum-3xxx {
    position: absolute;
    margin-left: -425;
    margin-top: 520px;
    width: 700px;
  }

  .orta-bolum-4xxx {
    position: absolute;
    margin-left: -425px;
    margin-top: 1030px;
    width: 700px;
  }

  .alt-bolumxxx {
    position: absolute;
    margin-left: -395px;
    margin-top: 1730px;
    width: 400px;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .ara-bolum8 {
    position: absolute;
    margin-top: 200px;
    margin-left: -428;
  }

  .w-1 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 501px;
    top: 0px;
    width: 242px;
    display: none;;
  }




  .w-6 {
    border-radius: 5px;
    width: 200px;
    height: 380px;
    position: absolute;
    left: -200px;
    top: 212px;
    object-fit: cover;
    margin-left: 675px;
  }
  .w-3 {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 202px;
    height: 201px;
    position: absolute;
    left: 473px;
    top: 112px;
  }
  .w-2 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 496px;
    top: 138px;
    width: 137px;
  }
  .w-4 {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 519px;
    top: 271px;
    width: 100px;
  }
  .w-5 {
    position: absolute;
    left: 494;
    top: 275px;
    overflow: visible;
  }
  .w-7 {
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 312.5px);
    top: 678px;
    width: 224px;
    margin-left: 770px;
  }
  .w-7-span {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 35px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .w-7-span2 {
    color: #ff0000;
    font-family: "Europa-Regular", sans-serif;
    font-size: 35px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .w-7-span3 {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 35px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .w-7-span4 {
    color: #ff0000;
    font-family: "Europa-Regular", sans-serif;
    font-size: 35px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .w-7-span5 {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 35px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .w-8 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 120px;
    top: 963px;
    width: 200px;
  }
  .w-10 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 599px;
    top: 963px;
    width: 200px;
  }
  .w-9 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    position: absolute;
    left: 119px;
    top: 1014px;
    width: 391px;
  }
  .w-11 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    position: absolute;
    left: 598px;
    top: 1014px;
    width: 391px;
  }
  .w-17 {
    background: #2d2d2d;
    border-radius: 20px;
    border-style: solid;
    border-color: #363636;
    border-width: 1px;
    width: 233px;
    height: 78px;
    position: absolute;
    left: 95px;
    top: 1738px;
    display: none;;
  }
  .w-20 {
    background: #2d2d2d;
    border-radius: 20px;
    border-style: solid;
    border-color: #363636;
    border-width: 1px;
    width: 233px;
    height: 78px;
    position: absolute;
    left: 639px;
    top: 1738px;    display: none;;
  }
  .w-12 {
    background: #1e1e1e;
    border-radius: 20px;
    width: 1109px;
    height: 221px;
    position: absolute;
    left: 0px;
    top: 1546px;    display: none;;
  }
  .w-18 {
    position: absolute;
    left: 264px;
    top: 1785.49px;
    overflow: visible;    display: none;;
  }
  .w-21 {
    position: absolute;
    left: 808px;
    top: 1785.49px;
    overflow: visible;    display: none;;
  }
  .w-16 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 147px;
    top: 1776px;
    width: 100px;    display: none;;
  }
  .w-19 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 691px;
    top: 1776px;
    width: 100px;    display: none;;
  }
  .w-15 {
    margin-top: -1px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px 0 0 0;
    width: 92px;
    height: 0px;
    position: absolute;
    left: 554px;
    top: 1610px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;;
  }
  .w-13 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    position: absolute;
    left: 95px;
    top: 1628px;
    width: 391px;    display: none;;
  }
  .w-14 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    position: absolute;
    left: 639px;
    top: 1614px;
    width: 391px;    display: none;;
  }

  .w-30 {
    position: absolute;
    width: 1px;
    height: 100px;
    background-color: #333;
    margin-left: 755px;
    margin-top: 10px;
    display: none;;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .ara-bolum9 {
    position: absolute;
    margin-top: 60px;
    margin-left: -280;
    width: 270px;
  }

  .h90 {
    width: 184px;
    height: 279px;
    position: relative;
    overflow: visible;
    margin-left: 800px;
  }

  .historical-story {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 100px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 246px;
    top: 79px;
    width: 242px;
  }


  .h-33 {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 102px;
    height: 201px;
    position: absolute;
    left:420px;
    top: 191px;
  }


  .h-32 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 251px;
    top: 247px;
    width: 137px;
  }
  .h-31 {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 524px;
    top: 350px;
    width: 100px;
  }
  .h-30 {
    position: absolute;
    left: 500px;
    top: 353px;
    overflow: visible;
  }
  .h-29 {
    width: 184px;
    height: 279px;
    position: absolute;
    left: 427px;
    top: 70px;
    overflow: visible;
  }


  .h-28 {
    margin-top: -2px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 2px 0 0 0;
    opacity: 0.2;
    width: 1436px;
    height: 0px;
    position: absolute;
    left: 449px;
    top: 488px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }
  .h-27 {
    width: 70.08px;
    height: 111.4px;
    position: absolute;
    left: 366px;
    top: 359px;
    overflow: visible;
  }
  .h-26 {
    width: 44.86px;
    height: 31.19px;
    position: absolute;
    left: 463px;
    top: 742px;
    overflow: visible;
  }
  .h-25 {
    width: 25.04px;
    height: 27.78px;
    position: absolute;
    left: 401px;
    top: 1074px;
    overflow: visible;
  }
  .h-24 {
    background: #e74e2e;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 436px;
    top: 470px;
  }
  .h-23 {
    background: #b9154f;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 436px;
    top: 764px;
  }
  .h-22 {
    background: #51ae30;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 436px;
    top: 1058px;
  }
  .h-21 {
    background: #33a4d1;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 436px;
    top: 1352px;
  }
  .h-20 {
    background: #b5428e;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 436px;
    top: 1645px;
  }
  .h-19 {
    margin-top: -2px;
    border-style: solid;
    border-color: #ff0000;
    border-width: 2px 0 0 0;
    width: 22px;
    height: 0px;
    position: absolute;
    left: 449px;
    top: 496px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }
  .h-18 {
    margin-top: -2px;
    border-style: solid;
    border-color: #ff0000;
    border-width: 2px 0 0 0;
    width: 83px;
    height: 0px;
    position: absolute;
    left: 449px;
    top: 2024px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }
  .h-17 {
    color: #727272;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 488px;
    top: 465px;
  }
  .h-16 {
    color: #727272;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 347px;
    top: 759px;
  }
  .h-15 {
    color: #727272;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 485px;
    top: 1053px;
  }
  .h-14 {
    color: #727272;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 347px;
    top: 1349px;
  }
  .h-13 {
    color: #727272;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 40px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 485px;
    top: 1644px;
    width: 200px;
  }
  .h-12 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 60px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: calc(50% - 87px);
    top: 2129px;
    margin-left: 310px;
    width: 200px;
  }

  .h-11 {
    color: #ffffff;
    text-align: right;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 225px;
    top: 529px;
    width: 206px;
  }
  .h-10 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 392px;
    top: 804px;
    width: 226px;
  }
  .h-9 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 412px;
    top: 1403px;
    width: 226px;
  }
  .h-8 {
    color: #ffffff;
    text-align: right;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 200px;
    top: 1130px;
    width: 226px;
  }
  .h-7 {
    color: #ffffff;
    text-align: right;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 230px;
    top: 1744px;
    width: 226px;
  }
  .h-6 {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 236px;
    top: 2199px;
    width: 426px;
  }
  .h-5 {
    width: 16.59px;
    height: 45.29px;
    position: absolute;
    left: 462px;
    top: 1365px;
    overflow: visible;
  }
  .h-4 {
    width: 78.01px;
    height: 39.93px;
    position: absolute;
    left: 348px;
    top: 1676px;
    overflow: visible;
  }
  .h-3 {
    width: 116.64px;
    height: 154.02px;
    position: absolute;
    left: 368px;
    top: 1876px;
    overflow: visible;
  }
  .h-2 {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 311px;
    top: 1032px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }
  .h-1 {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 10px;
    top: 990;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .ara-bolum900 {
    position: absolute;
    margin-top: 140px;
    margin-left: -380;
    width: 270px;
  }


  .a-44 {
    border-radius: 5px;
    width: 350px;
    height: 380px;
    position: absolute;
    left: 354px;
    top: 212px;
    object-fit: cover;
  }
  .a-43 {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 202px;
    height: 201px;
    position: absolute;
    left: 373px;
    top: 112px;
  }
  .a-42 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 396px;
    top: 138px;
    width: 137px;
  }

  .a-45 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 431px;
    top: 70px;
    width: 442px;
    display: none;;
  }

  .a-42yy {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 396px;
    top: 138px;
    width: 137px;
  }

  .a-45yy {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 100px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 331px;
    top: 70px;
    width: 242px;
    display: none;;
  }
  .a-41 {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 419px;
    top: 271px;
    width: 100px;
  }
  .a-40 {
    position: absolute;
    left: 393px;
    top: 275px;
    overflow: visible;
  }


  .a-39 {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 361px;
    top: 705px;
    width: 326px;
  }


  .a-38 {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 30px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 111px;
    top: 1674px;
    width: 886px;
  }
  .a-37 {
    background: #1e1e1e;
    border-radius: 2px;
    width: 244px;
    height: 158px;
    position: absolute;
    left: 400px;
    top: 1117px;
  }
  .a-36 {
    background: #1e1e1e;
    border-radius: 2px;
    width: 244px;
    height: 158px;
    position: absolute;
    left: 400px;
    top: 1627px;
  }
  .a-35 {
    background: #1e1e1e;
    border-radius: 2px;
    width: 323px;
    height: 158px;
    position: absolute;
    left: 392px;
    top: 2098px;
  }
  .a-34 {
    border-radius: 2px;
    border-style: solid;
    border-color: #323232;
    border-width: 1px;
    width: 323px;
    height: 158px;
    position: absolute;
    left: 362px;
    top: 1367px;
  }
  .a-33 {
    border-radius: 2px;
    border-style: solid;
    border-color: #323232;
    border-width: 1px;
    width: 374px;
    height: 158px;
    position: absolute;
    left: 7px;
    top: 2098px;
  }
  .a-32 {
    border-radius: 2px;
    border-style: solid;
    border-color: #323232;
    border-width: 1px;
    width: 374px;
    height: 158px;
    position: absolute;
    left: 727px;
    top: 2098px;
  }
  .a-31 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 433px;
    top: 1166px;
    width: 200px;
  }
  .a-30 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 423px;
    top: 1680px;
    width: 220px;
  }
  .a-29 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 18px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 407px;
    top: 2120px;
    width: 295px;
  }
  .a-28 {
    color: #707070;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 400px;
    top: 1399px;
    width: 265px;
  }
  .a-27 {
    color: #707070;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 34px;
    top: 2124px;
    width: 265px;
  }
  .a-26 {
    color: #707070;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 754px;
    top: 2124px;
    width: 265px;
  }
  .a-25 {
    background: #d11e28;
    width: 54px;
    height: 3px;
    position: absolute;
    left: 520;
    top: 949px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
  }
  .a-24 {
    background: #2d2d2d;
    border-radius: 20px;
    border-style: solid;
    border-color: #363636;
    border-width: 1px;
    width: 233px;
    height: 78px;
    position: absolute;
    left: 22px;
    top: 1457px;
    display: none;;
  }
  .a-23 {
    background: #1e1e1e;
    border-radius: 20px;
    width: 1109px;
    height: 221px;
    position: absolute;
    left: 0px;
    top: 1265px;  display: none;;
  }
  .a-22 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 50px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 329px;
    top: 1306px;
    display: none;;
  }
  .a-21 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 50px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 115px;
    top: 1306px;  display: none;;
  }
  .a-20 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 50px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 555px;
    top: 1306px;  display: none;;
  }
  .a-19 {
    color: #515151;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 290px;
    top: 1382px;
    width: 165px;
    display: none;;
  }
  .a-18 {
    color: #515151;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 74px;
    top: 1382px;
    width: 165px;
    display: none;
  }
  .a-17 {
    color: #515151;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 515px;
    top: 1382px;
    width: 130px;

    display: none;;
  }
  .a-16 {
    background: #242424;
    border-radius: 10px;
    width: 291px;
    height: 121px;
    position: absolute;
    left: 749px;
    top: 1315px;
    display: none;
  }
  .a-15 {
    background: #d9d9d9;
    width: 121px;
    height: 30px;
    position: absolute;
    left: 891px;
    top: 1346px;
    display: none;;
  }
  .a-14 {
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 782px;
    top: 1346px;
    width: 236px;
    display: none;;
  }
  .a-14-span {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .a-14-span2 {
    color: #000000;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .a-14-span3 {
    color: #ffffff;
    font-family: "Europa-Regular", sans-serif;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-weight: 400;
  }
  .a-13 {
    position: absolute;
    left: 912.63px;
    top: 1383.77px;
    overflow: visible;
    display: none;;
  }
  .a-12 {
    background: #ff0000;
    border-radius: 2px;
    width: 75px;
    height: 22px;
    position: absolute;
    left: 934px;
    top: 1401px;
    display: none;
  }
  .a-11 {
    color: #ffffff;
    text-align: left;
    font-family: "Europa-Regular", sans-serif;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 946px;
    top: 1403px;
    width: 100px;
    display: none;;
  }
  .a-10 {
    position: absolute;
    left: 211px;
    top: 1502.49px;
    overflow: visible;
    display: none;
  }
  .a-9 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    left: 74px;
    top: 1495px;
    display: none;
  }
  .a-8 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 500;
    top: 1070px;
  }
  .a-7 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 43px;
    top: 2058px;
  }
  .a-6 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 480px;
    top: 1327px;
  }
  .a-5 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 419px;
    top: 2058px;
  }
  .a-4 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 483px;
    top: 1560;
  }
  .a-3 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 763px;
    top: 2058px;
  }
  .a-2 {
    margin-top: -1px;
    border-style: solid;
    border-color: #333333;
    border-width: 1px 0 0 0;
    width: 92px;
    height: 0px;
    position: absolute;
    left: 554px;
    top: 1484px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;;
  }
  .a-1 {
    margin-top: -1px;
    border-style: solid;
    border-color: #f00000;
    border-width: 1px 0 0 0;
    width: 26px;
    height: 0px;
    position: absolute;
    left: 554px;
    top: 1551px;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    display: none;;
  }

  /* AYRIM */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------------------------------------------------------------------------- */

  .ara-bolum2xxx {
    position: absolute;
    margin-top: 140px;
    margin-left: -270;
    width: 270px;

  }

  .c-8 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 22px;
    line-height: 73%;
    font-weight: 400;
    position: absolute;
    left: 227px;
    top: 60px;
    width: 442px;display: none;;
  }


  .c-7 {
    border-radius: 5px;
    width: 300px;
    height: 380px;
    position: absolute;
    left: 270px;
    top: 212px;
    object-fit: cover;
  }


  .c-6 {
    background: linear-gradient(-88.53deg, rgba(111, 111, 111, 1) 0%, rgba(65, 65, 65, 1) 100%);
    width: 202px;
    height: 201px;
    position: absolute;
    left: 369px;
    top: 112px;
  }


  .c-5 {
    color: #ffffff;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 30px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 392px;
    top: 138px;
    width: 137px;
  }
  .c-4 {
    color: #808080;
    text-align: left;
    font-family: "AlternateGotNo3D-3Dregular";
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    position: absolute;
    left: 415px;
    top: 276px;
    width: 100px;
  }
  .c-3 {
    position: absolute;
    left: 394px;
    top: 280px;
    overflow: visible;
  }


  .c-2 {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 18px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 257px;
    top: 698px;
    width: 286px;
  }


  .c-1 {
    color: #ffffff;
    text-align: center;
    font-family: "Europa-Regular", sans-serif;
    font-size: 18px;
    letter-spacing: 0.01em;
    font-weight: 400;
    position: absolute;
    left: 272px;
    top: 131px;
    text-align: left;;
  }

  .orta-bolum-4xxx44 {
    position: absolute;
    margin-left: -405px;
    margin-top: 1030px;
    width: 700px;
    display: none;;
  }

  .alt-bolumxxx44 {
    position: absolute;
    margin-left: -375px;
    margin-top: 1130px;
    width: 400px;
  }

  .alt-bolumxx888 {
    position: absolute;
    margin-left: -365;
    margin-top: 2130px;
    width: 400px;
  }


  #lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 9;
  }

  #lightboxContent {
    background-color: #333;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
  }

  #lightbox2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 9;
  }

  #lightboxContent2 {
    background-color: #333;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
  }

  .hidden {
    display: none;
  }

  button {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  button:hover {
    background-color: #555;
  }

  .mobilealtdiv {
    display: block;
    bottom: 70;
    position: fixed;
    z-index: 999;
  }

  .mobilealtdiv2 {
    display: block;
    width: 270px;
    border-radius: 180px;
    background-color: #000;
    height: 60px;
    left: 50%;
    margin-left: -140px;
    position: fixed;
    opacity: 0.9;
  }

  .moving-border {
    position: absolute;
    border: 2px solid red;
    border-radius: 180px;
    box-sizing: border-box;
    animation: moveBorder 4s linear infinite;
  }

  @keyframes moveBorder {
    0% {
      transform: translate(20px, 0);
    }
    50% {
      transform: translate(240px, 0); /* Width - border width */
    }
    100% {
      transform: translate(20px, 0);
    }
  }
  .mobilealtdiv3 {
    position: fixed;
    margin-top: 20px;
    left: 50%;
    margin-left: -112px;
    z-index: 9;
  }
  .mobilealtdiv4 {
    position: fixed;
    margin-top: 20px;
    left: 50%;
    margin-left: -40px;
  }
  .mobilealtdiv5 {
    position: fixed;
    margin-top: 14px;
    left: 50%;
    margin-left: 10px;
  }
  .mobilealtdiv6 {
    position: fixed;
    margin-top: 22px;
    left: 50%;
    margin-left: 70px;
  }

  .mobilealtdiv7 {
    position: fixed;
    margin-top: 5px;
    left: 50%;
    margin-left: -130px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background-color: #333;
  }

  .altkatmaniayar {
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: 4800px;
    background-color: #333;
    display: block;
  }

  
  .alt-bolumxxsss {
    position: absolute;
    margin-left: -405;
    margin-top: 1330px;
    width: 400px;
  }


  .orta-bolum-4xxss {
    position: absolute;
    margin-left: -435;
    margin-top: 1870px;
    width: 700px;
display: none;;
  }

  
 
  .orta-bolum-3xxsss {
    position: absolute;
    margin-left: -425;
    margin-top: 1150px;
    width: 700px;
    display: none;;
  }

  

  .ana3 {
    height: 141;
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    z-index: 9; 
}



.nn-1 {
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(243, 13, 13, 0.32);
  border-width: 1px;
  width: 222px;
  height: 151px;
  position: absolute;
  left: 452px;
  top: 949px;
  object-fit: cover;
}

.nn-1 img{width: 30px;;}



.nn-6 {
  color: #333;
  text-align: left;
  font-family: "Europa-Regular", sans-serif;
  font-size: 15px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: absolute;
  left: 456px;
  top: 680px;
  width: 257px;
}

.w-1xx {
  color: #333;
  text-align: left;
  font-family: "AlternateGotNo3D-3Dregular";
  font-size: 18px;
  line-height: 113%;
  font-weight: 400;
  position: absolute;
  left: 471px;
  top: 0px;
  width:242px;


}









.alt-bolumxxttt {
  position: absolute;
  margin-left: -375;
  margin-top:1360px;
  width: 400px;
}




.container55 {
  display: flex;
  padding: 20px;
  font-family: Arial, sans-serif;
  position: absolute;
  margin-top:1360px;
  margin-left: 400px;
  width: 300px;
  text-align: left;
}


.toggle-button {
  margin: -50 20px;
  position: relative;
  width: 75px;
  height: 48;
  background-color: #ccc;
  border-radius: 22px;
  cursor: pointer;
  margin-top: -23px;
  margin-left: 120px;
  z-index: 9;
}

.toggle-button::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 80%;
  top: 4px;
  left: 4px;
  transition: left 0.3s;
}

.toggle-button.active {
  background-color: #4CAF50;
}
.toggle-button.active::after {
  left: 28px;
}

.content {
  display: none;
  text-align: left;
  font-size: 18px;
  font-weight: 200;
  margin-left: 60px;
  font-family: "AlternateGotNo3D-3Dregular";
  line-height: 1.7;
  width: 250px;;
}
.content.active {
  display: block;
  position: absolute;
  top: 0; /* This makes sure both contents overlap */
  left: 0;
}


.spacer {
display: inline-block;
width: 160px; /* Bu değeri ihtiyacınıza göre ayarlayabilirsiniz */
}






}