/* Fancybox lightbox - tum sayfalarda en uste cikmasi icin */
.fancybox__container {
    z-index: 999999999999 !important;
}

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

:focus {
  outline: 0
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  overflow-x: hidden;
}

/* Global responsive gorsel kurali */
img {
  max-width: 100%;
  height: auto;
}

.modul-icerik img,
.ql-editor img,
.blog-icerik img,
.hakkimizda-icerik img,
.sektor-aciklama img {
  max-width: 100%;
  height: auto;
}

:root {
  font-size: 16px;
  --bg: #001F30;
  --header: #DDE1E3;
  --headercolor: #0C4B6F;
  --text: #e2e8f0;
  --headergirisyap: #F1F3F3;
  --headerkayitol: linear-gradient(to right, #ed593a, #2c3e50);
  --slidertitle: #fff;
  --sliderh3: #FF4E2A;
  --slidertext: #fff;
  --sliderbackgrounddemotalebi: linear-gradient(to right, #ed593a, #2c3e50);
  --slidercolordemotalebi: #fff;
  --sliderborderrandevudiv: 1px solid #FF4E2A;
  --slidercolorrandevudiv: #FF4E2A;
  --imgdivtitlee: #FF4E2A;
  --imgdivtitleebefore: linear-gradient(to right, #ed593a, #2c3e50);
  --imgdivtitle: #fff;

  --onmuhasebeprogramicolor: #FF4E2A;
  --onmuhasebeprogramiborder: 1px solid #FF4E2A;

  --sahasatiscolor: #0C4B6F;
  --sahasatisborder: 1px solid #0C4B6F;

  --raporlarcolor: #961900;
  --raporlarborder: 1px solid #961900;

  --gelirgidercolor: #1C96C0;
  --gelirgiderborder: 1px solid #1C96C0;

  --siparistakibicolor: #961900;
  --siparistakibiborder: 1px solid #961900;

  --uretimtakibicolor: #1C96C0;
  --uretimtakibiborder: 1px solid #1C96C0;

  --carihesaptakibicolor: #FF4E2A;
  --carihesaptakibiborder: 1px solid #FF4E2A;

  --projeyonetimicolor: #0C4B6F;
  --projeyonetimiborder: 1px solid #0C4B6F;

  --efaturacolor: #961900;
  --efaturaborder: 1px solid #961900;

  --faturatakipcolor: #0C4B6F;
  --faturatakipborder: 1px solid #0C4B6F;

  --subetakibicolor: #961900;
  --subetakibiborder: 1px solid #961900;

  --irsaliyecolor: #1C96C0;
  --irsaliyeborder: 1px solid #1C96C0;

  --nakityonetimicolor: #FF4E2A;
  --nakityonetimiborder: 1px solid #FF4E2A;

  --paketlerbackground: #ffffffc4;
  --paketlerborder: 6px solid #1C96C0;

  --backgroundfff: #fff;
  --fff: #fff;
  --hizmetlercolor: #1C96C0;
  --aylikaktifdiv: #FF4E2A;
  --paketdivh3-color: #0C4B6F;
  --paketdivh4-color: #0C4B6F;
  --paketdivh3-weight: 300;
  --listedivcolor: #001F30;
  --listedivcolor-weight: 300;
  --alistediv: #001F30;
  --alistediv-weight: 600;
  --alistediv-before: #FF4E2A;
  --baslikdiv: linear-gradient(to right, #fff, #fff);
  --baslikdivborder: 3px solid #FF4E2A;
  --baslikdivh3: #FF4E2A;
  --listedivhover: linear-gradient(to right, #ed593a, #2c3e50);
  --owlbackground: #fff;
  --color: #0C4B6F;
  --colorh4: #1C96C0;
  --avega: #97BED1;
  --listedivhovercolor: #fff;
}
@font-face {
  font-family: 'Courteous';
  src: url(../font/Courteous.otf);
  src: url(../font/Courteous.ttf);
  src: url(../font/Courteous.woff);
}

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

#fullpage {
  overflow: hidden;
}

.header {
  /* position: absolute; */
  width: 100%;
  /* z-index: 99999999; */
  background: auto;
  z-index: 1;
  padding-top: 0px;
  /* padding-bottom: 30px; */
  z-index: 99999999;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 1s;
  background-position: top;
  background-size: 100%;
  background: var(--header);
  height: 160px;
  margin-top: -190px;
  opacity: 0;
  transition: all 1s;
}

#section2 {
  background-size: 100%;
  position: relative;
  z-index: 9990000000;
  height: unset !important;
  background: #001F30;
}

#section2 .owl-carousel {
  width: 100%;
}

#section2 .owl-carousel .item img {
  width: 100%;
}

#sectionn2 {
  background-size: 100%;
  position: relative;
  z-index: 999 !important;
}

#section3 {
  background: #001F30;
  height: unset !important;
  margin-top: 120px;
}

#section4 {
  background: url("../assets/images/background2.jpg");
  background-size: 100%;
}

#section5 {
  background: url("../assets/images/header.png");
  background-size: 100%;
  margin-bottom: -60px;
}

#section6 {
  margin-top: 60px;
  width: 100% !important;
  position: relative;
}

#section6 img {
  width: 110%;
}

.menuopen {
  position: fixed;
  top: 10px;
  right: 60px;
  z-index: 999999999999999;
  transition: all 1.6s;
}
.dildiv {
  position: relative;
  left: 100px;
}

.menuu {
  width: 170%;
}

.menumenu {
}

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

.menumobil {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 30px;
  background: var(--backgroundfff);
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
  z-index: 999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  border-radius: 30px;
  transform: scale(1.2);
  opacity: 0;
  display: none;
}

.menutext {
  color: #0C8F97;
}

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

.menudiv {
  background: #001B34;
  position: fixed;
  /* transform: translate(-50%, -50%); */
  top: 0;
  right: 0;
  /* border-radius: 50%; */
  z-index: 999999999999999999;
  opacity: 0;
  display: none;
  transition: all 1s;
  width: 60%;
  background: var(--backgroundfff);
  width: 100%;
  height: 100vh;
}

.menudiv.open {
  width: 120%;
  height: 120vh;
  border-radius: 0;
  opacity: 1;
}

.mankenimg {
  width: 49%;
  position: absolute;
  bottom: -190px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  transition: all 1.6s;
}

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

.form-container {
  display: flex;
  background: var(--backgroundfff);
  width: 460px;
  padding: 20px;
  position: fixed;
  top: 0;
  right: -500px;
  transition: all 1s;
  /* Animasyon efekti */
  border-radius: 0px;
  z-index: 9999999999;
  height: 100vh;
}

.inputdiv {
  display: inline-block;
  vertical-align: top;
}

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

textarea {
  height: 300px;
}

.form-container.open {
  right: 0;
}

.form-sidebar {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  background: #003279;
  padding: 10px;
  color: var(--fff);
  font-weight: bold;
  font-size: 19px;
  position: absolute;
  left: -39px;
  top: 19%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: Arsenal, sans-serif;
  font-weight: 300;
  transform: rotate(180deg);
  letter-spacing: 6px;
}

.galeriimg {
}

.form-content {
  flex: 1;
  padding: 20px;
  color: #333;
  font-family: Arsenal, sans-serif;
  font-weight: 600;
  position: relative;
}

.girisimgdiv {
  position: absolute;
  right: -8vw;
  width: 60%;
  max-width: 700px;
  top: 33vh;
  z-index: 1;
  margin-right: -20vw;
  transform: scale(1.5);
  opacity: 0;
  transition: all 1s;
}

.girisimgdiv img {
  width: 160%;
  /* transform: scale(2.3); */
  /* mix-blend-mode: hard-light; */
  position: relative;
  left: -70px;
  transition: all 1.6s;
  /* border-radius: 100%; */
  width: 100%;
}

.close-button {
  position: absolute;
  top: -60px;
  right: 30px;
  background: var(--backgroundfff);
  color: #333;
  font-size: 19px;
  cursor: pointer;
}

.cookie-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  background: var(--backgroundfff);
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
  padding: 20px;
  z-index: 9999;
}

.cookie-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.logo-title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.backgroundfff {
  background: var(--backgroundfff);
}
.logo-title img {
  height: 50px;
}

.logo-title h2 {
  margin: 0;
  font-size: 20px;
}

.cookie-close {
  font-size: 22px;
  cursor: pointer;
}

.cookie-body {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.5;
}

.cookie-buttons {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.cookie-buttons button {
  flex: 1;
  padding: 12px;
  font-size: 16px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

.accept {
  background: #0b66d4;
  color: var(--fff);
}

.reject {
  background: #f5f5f5;
  color: black;
  border: 1px solid #ccc;
}

.cookie-footer {
  margin-top: 15px;
  text-align: center;
}

.cookie-footer a {
  color: #0b66d4;
  text-decoration: none;
  font-size: 14px;
}

#cookiePopup {
  display: none;
  position: fixed;
  z-index: 9999999999;
  bottom: 0;
  right: 0;
  /* transform: translate(-50%, -50%); */
  background: var(--backgroundfff);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  max-width: 500px;
  width: 90%;
  font-family: Arial, sans-serif;
  z-index: 9999999999;
}

.cookie-content {
  padding: 20px 24px;
}

.cookie-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
}

.cookie-logo {
  height: 30px;
}

.cookie-close {
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

.cookie-content p {
  margin-top: 16px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.cookie-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.cookie-accept, .cookie-reject {
  flex: 1;
  text-align: center;
  padding: 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
}

.cookie-accept {
  background: #1c75bc;
  color: var(--fff);
}

.cookie-reject {
  background: #f5f5f5;
  color: var(--bg);
}

.cookie-link {
  display: block;
  text-align: center;
  margin-top: 16px;
  color: #1c75bc;
  text-decoration: underline;
  font-size: 14px;
}

.form-container h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  letter-spacing: 3px;
  color: #333;
  word-wrap: break-word;
  width: 90% !important;
}

.form-container p {
  font-size: 26px;
  margin-bottom: 20px;
  width: 430px;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  letter-spacing: 3px;
}

form label {
  display: block;
  margin-top: 10px;
  font-family: Arsenal, sans-serif;
  font-weight: 500;
  font-size: 13px;
  width: 390px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.form-container input[type="text"], .form-container input[type="tel"], .form-container input[type="email"], .form-container textarea {
  width: 100% !important;
  padding: 13px;
  margin-top: 5px;
  border: none;
  border-bottom: 1px solid #333;
  background: unset;
  /* font-size: 16px; */
  outline: none;
  color: #333 !important;
  font-family: Arsenal, sans-serif;
  font-weight: 500;
  /* letter-spacing: 3px; */
  /* margin-top: -10px !important; */
}

::placeholder {
  color: var(--bg);
}

textarea {
  height: 60px;
  resize: none;
}

.checkbox-container {
  display: flex;
  align-items: center;
  margin-top: -10px;
  font-size: 14px;
}

.checkbox-container input[type="checkbox"] {
  margin-right: 10px;
  width: 30px !important;
  color: var(--bg);
}

.checkbox-container label a {
  border-bottom: 1px solid #000;
}

.submit-button {
  width: 90%;
  padding: 10px;
  margin-top: 20px;
  background: #003279;
  color: var(--fff);
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #003279;
  cursor: pointer;
  transition: background 0.3s ease;
  font-family: Arsenal, sans-serif;
  font-weight: 600;
}

.akariyerimg {
  position: absolute;
  width: 36%;
  bottom: 0;
  right: 90px;
}

#form {
  width: 60% !important;
}

#form input {
  width: 100%;
  margin-top: 12px;
  padding: 6px;
  border: unset;
  border-bottom: 1px solid #000;
}

#form input[type="checkbox"] {
  width: auto;
  /* Checkbox için genişlik otomatik olmalı */
  margin-top: 12px;
}
.spanaktifdiv {
  color: var(--imgdivtitlee);
}
.kisiselveridiv {
  display: inline-block;
  vertical-align: top;
}

.kisiselveridiv input {
  display: inline-block;
  vertical-align: middle;
}

.boxInput {
  border: 1px solid #282828;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.kisiselveridiv p {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px !important;
}

.kisiselveridivv {
  display: inline-block;
  vertical-align: top;
}

.inputsIlgilendiginiz div {
  display: inline-block;
  vertical-align: top;
}

#form select {
  width: 100%;
  margin-top: 12px;
  padding: 6px;
  border: unset;
  border-bottom: 1px solid #000;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
}

.boxInput i {
  opacity: 0;
}

.inputsIlgilendiginiz {
  margin-top: 10px;
}

.form-submit {
  background: #003279;
  color: var(--fff);
  padding: 12px;
  margin: 0 auto;
  width: 100%;
}

.hakimg {
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  transition: all 1.6s;
  position: relative;
}

.hakimgg {
  position: absolute;
  top: 290px;
  right: 30px;
  width: 230px !important;
  margin-right: -120px;
  transition: all 1.6s;
}

.hakimggg {
  position: absolute;
  top: 290px;
  left: -160px;
  width: 330px !important;
  margin-top: 60px;
  transition: all 1.6s
}

.eliziumimg {
  position: absolute;
  left: 0;
  right: 120px;
  margin: 0 auto;
  width: 190px !important;
  top: 160px;
  transform: rotate(-60deg) scale(1.6);
  transition: all 1.6s;
}

.form-title {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 3px;
}

.submit-button:hover {
  background: var(--backgroundfff);
  color: #003279;
}

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

.paketlerdiv {
  margin-top: 290px !important;
  position: relative;
}

.paketdiv {
  margin-top: 0px;
  text-align: left;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.paket-svg-ikon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 100px;
  height: 100px;
  z-index: 0;
  opacity: 0.50;
  pointer-events: none;
}

.paket-svg-ikon svg {
  width: 100%;
  height: 100%;
  fill: var(--paketdivh3-color, #333);
}

.paket-svg-ikon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#paketdiv {
}

.paketdiv h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--paketdivh3-color);
  letter-spacing: 2px;
  overflow-wrap: normal;
  word-break: normal;
  position: relative;
  z-index: 1;
}

.paketdiv h4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: var(--paketdivh4-weight);
  color: var(--paketdivh4-color);
  font-size: 30px;
  letter-spacing: 1px;
  overflow-wrap: normal;
  word-break: normal;
  position: relative;
  z-index: 1;
}

.aylikdiv {
  text-align: left;
  margin-top: -10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--aylikaktifdiv);
  font-size: 12px;
  background: var(--backgroundfff);
  padding: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 1.6s;
}
.aylikaktifdiv {
  background: var(--aylikaktifdiv);
}
[data-theme="light"] .aylikdiv {
  background: #FF4E2A;
  color: #fff;
}
[data-theme="light"] .aylikdiv h3 {
  color: #fff;
}
.aylikdiv h3 {
  display: inline-block;
  vertical-align: middle;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  color: var(--aylikaktifdiv);
  font-size: 30px;
  margin-right: 10px;
  transition: all 1.6s;
}

.aylikdivv {
  text-align: left;
  margin-top: 0px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--aylikaktifdiv);
  font-size: 12px;
  background: #ffffff9e;
  padding: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 1.6s;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

.aylikdivv h3 {
  display: inline-block;
  vertical-align: middle;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  color: var(--aylikaktifdiv);
  font-size: 30px;
  margin-right: 10px;
  transition: all 1.6s;
}

.tercihdiv {
  background: var(--gelirgidercolor);
  /* padding: 10px; */
  color: var(--fff);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  /* position: absolute; */
  /* border-top-left-radius: 60px; */
  /* border-top-right-radius: 60px; */
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  left: 0;
  right: 0;
  top: 3px;
  margin: 0 auto;
}

.tercihdiv h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 3px;
}

.listdiv {
  text-align: left;
  padding: 20px 36px;
  flex: 1;
}

.listediv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: var(--listediv-weight);
  margin-top: 10px;
  font-size: 15px;
  position: relative;
  color: var(--listedivcolor);
  overflow-wrap: break-word;
  word-break: break-word;
}

.listediv::before {
  content: '';
  position: absolute;
  /* left: 0; */
  left: -10px;
  width: 3px;
  height: 3px;
  background: #1C96C0;
  border-radius: 60px;
  top: 10px;
}

.alistediv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: var(--alistediv-weight);
  margin-top: 10px;
  font-size: 15px;
  color: var(--alistediv);
  position: relative;
  overflow-wrap: break-word;
  word-break: break-word;
}

.alistediv::before {
  content: '';
  position: absolute;
  /* left: 0; */
  left: -10px;
  width: 3px;
  height: 3px;
  background: var(--alistediv-before);
  border-radius: 60px;
  top: 10px;
}

.ahizmetlerimg {
  width: 100%;
  margin-top: 160px;
  position: relative;
  z-index: 99999999;
}

.ahizmetdiv {
  width: 1450px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  z-index: 99999999;
}

.ahizmetdivv {
  width: 100%;
  position: absolute;
  bottom: -60%;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  line-height: 30px;
  opacity: 0;
}

.ahizmetdiv div ul li {
  display: inline-block;
  vertical-align: top;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  color: var(--fff);
}

.ahizmetdiv div ul li:nth-child(1) {
  width: 30%;
  color: var(--aylikaktifdiv);
}

.ahizmetdiv div ul li:nth-child(2) {
  width: 60%;
}

.ahizmetdiv h3 {
  font-size: 30px;
  letter-spacing: 3px;
  color: var(--imgdivtitlee);
}

.atabdiv {
  margin-top: 60px;
  color: var(--hizmetlercolor);
}

.atabdiv a {
  color: var(--fff);
}

.atabdiv div {
  margin-top: 10px;
}

.asektordiv {
  max-width: 960px;
  width: 90%;
  margin: 90px auto 0;
  background: var(--backgroundfff);
  border-radius: 60px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
}

.sektor-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex: 1;
}
.sektor-scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.sektor-scroll-wrapper ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  white-space: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sektor-nav {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(255,78,42,0.6);
  background: rgba(255,78,42,0.15);
  color: #FF4E2A;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.sektor-nav:hover {
  background: #FF4E2A;
  border-color: #FF4E2A;
  color: #fff;
  box-shadow: 0 4px 12px rgba(255,78,42,0.4);
}
[data-theme="light"] .sektor-nav {
  border-color: rgba(255,78,42,0.5);
  background: rgba(255,78,42,0.1);
  color: #FF4E2A;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
[data-theme="light"] .sektor-nav:hover {
  border-color: #FF4E2A;
  background: #FF4E2A;
  color: #fff;
}

.sektor-kategori-mobil {
  display: none;
  margin: 60px auto 20px;
  max-width: 90%;
}
.sektor-kategori-mobil select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  background: var(--bg, #001F30);
  color: var(--text, #e2e8f0);
  font-size: 15px;
  appearance: auto;
}
[data-theme="light"] .sektor-kategori-mobil select {
  border-color: rgba(0,0,0,0.15);
  background: #fff;
  color: #1a1a2e;
}

@media (max-width: 768px) {
  .asektordiv {
    display: none !important;
  }
  .sektor-kategori-mobil {
    display: block;
  }
}

.ablogdiv {
  width: 1184px;
  margin: 0 auto;
  margin-top: 90px;
  background: var(--backgroundfff);
  /* text-align: center; */
  /* padding: 10px; */
  border-radius: 60px;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 999;
}
.ablogdiv div ul li a {
  color: var(--bg);
}
.asektordiv .sektor-scroll-wrapper ul li {
  padding: 16px 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 13.6px;
  border-radius: 60px;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}
.asektordiv .sektor-scroll-wrapper ul li a {
  color: var(--color);
  text-decoration: none;
}
.asektordiv .sektor-scroll-wrapper ul li:hover {
  background: linear-gradient(to right, #ed593a, #2c3e50);
}
.asektordiv .sektor-scroll-wrapper ul li:hover a {
  color: #fff;
}
.blogimage {
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}
.ablogdiv div ul li {
  display: inline-block;
  vertical-align: top;
  /* margin: -7px; */
  padding: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: var(--color);
  border-radius: 60px;
  cursor: pointer;
  transition: all 1s;
}

.ablogdiv div ul li:hover {
  background: linear-gradient(to right, #ed593a, #2c3e50);
  color: var(--fff);
}

.asektorlerdiv {
  width: 1430px;
  margin: 0 auto;
  margin-top: 90px;
  padding-bottom: 90px;
}

.asektorlerdiv div ul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  position: relative;
}

.asektorlerdiv div ul li h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 30px;
  margin-top: 30px;
}

.asektorlerdiv div ul li p {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--fff);
  margin-top: 30px;
  line-height: 30px;
}

.asektorlerlidiv {
  text-align: center;
}

.asektorlerlidivv {
  position: relative;
  left: -190px;
}

.asektorlerlidivvv {
  position: relative;
  right: -190px;
}

.asektorlerlidiv h3 {
  font-size: 26px !important;
}

.sektorimg {
  width: 190px;
  margin-bottom: -10px;
}

.arightdiv {
}

.atirnak {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
  color: var(--fff);
  font-size: 190px;
  position: absolute;
  top: 260px;
  right: 390px;
}

.atirnakdiv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 150px;
  position: absolute;
  top: 230px;
  right: 260px;
}

.atirnakdivv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
  color: var(--aylikaktifdiv);
  font-size: 90px;
  position: absolute;
  bottom: -70px;
  right: 260px;
  transform: rotate(179deg);
}

.atdiv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 190px;
  position: absolute;
  top: 570px;
  right: 490px;
  z-index: 999999999;
}

.atdivv {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 120px;
  position: absolute;
  top: 0;
  right: 290px;
  transform: rotate(179deg);
  z-index: 99999999;
}

.atirnaak {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 190px;
  position: absolute;
  top: 890px;
  left: 10px;
  z-index: 9999999999;
}

.atrnak {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--aylikaktifdiv);
  font-size: 190px;
  position: absolute;
  bottom: -690px;
  left: 0;
  z-index: 999999999;
}

.desktekdiv {
  margin-top: 30px;
}

.desktekdiv div ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--fff);
  margin: 20px;
}

.desktekdiv div ul li img {
  width: 30px;
}

.desktekdiv div ul li b {
  display: block;
  margin-top: 30px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

.desktekdiv div ul li span {
  font-weight: 200;
}

.desktekdiv div ul li p {
  margin-top: 0px;
}

.atrnaak {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--fff);
  font-size: 120px;
  position: absolute;
  bottom: -530px;
  left: 250px;
  z-index: 999999999;
  transform: rotate(179deg);
}

.atrnaaak {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: var(--color);
  font-size: 120px;
  position: absolute;
  bottom: -30px;
  left: 250px;
  z-index: 999999999;
  transform: rotate(179deg);
  display: none;
}

.avegaimg {
  position: absolute;
  /* right: 0; */
  right: 30px;
  bottom: 0;
  width: 190px !important;
}

.referansdiv {
  width: 1490px;
  margin: 0 auto;
  margin-top: 90px;
  /* text-align: center; */
  /* padding: 10px; */
  border-radius: 60px;
  position: relative;
}

.tabcontainer {
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  color: var(--fff);
  margin-top: 90px;
}

.tabitem {
  border-bottom: 1px solid #3a5a6b;
}

.tabquestion {
  background: none;
  border: none;
  color: var(--fff);
  width: 100%;
  text-align: left;
  padding: 20px;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.tabquestion .plus {
  float: right;
  font-size: 22px;
  color: var(--fff);
}

.tabanswer {
  display: none;
  padding: 0px 20px 20px;
  color: var(--fff);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
}

.tabanswer.active {
    display: block;
}

.faq-pagination {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.faq-pagination button {
    border: 1px solid #ddd;
    padding: 5px 10px;
    cursor: pointer;
    background: var(--bg);
    border-radius: 10px;
    font-size: 14px;
    color: var(--fff);
}

.faq-pagination button.active {
    background: #FF4E2A;
    color: var(--bg);
    border-color: var(--aylikaktifdiv);
}
#faqSearch {
    width: 100%;
    margin-top: 30px;
    padding: 16px 20px;
    margin-top: 60px;
    border-radius: 12px;
    border: unset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--bg);
    background: var(--fff);
}
#faqSearch::placeholder {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--bg);
    opacity: 0.7;
}
.logincontainer {
  display: flex;
  /* height: 100vh; */
  position: relative;
  z-index: 999999999;
  margin-top: 160px;
}

.leftpanel {
  flex: 1;
}

.leftpanel img {
  width: 100%;
  height: 70%;
  object-fit: cover;
  border-radius: 0 50px 50px 0;
  margin-top: 90px;
}

.rightpanel {
  flex: 1;
  color: var(--fff);
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

.rightpanel h3 {
  color: #ff5033;
  font-size: 36px;
  line-height: 50px;
}

.rightpanel input[type="email"], .rightpanel input[type="sifre"] {
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  background: var(--backgroundfff);
}

.rightpanel form {
  margin-top: 60px;
  width: 730px;
}

.options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-bottom: 30px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.sifre::placeholder {
  color: #ff5033;
}

.sifrediv {
  color: #ff5033;
  text-decoration: none;
  width: 60%;
  text-align: right;
}

.actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.signup {
  margin-right: auto;
  color: #00bfff;
  text-decoration: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.btn {
  padding: 10px 25px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.btnlight {
  background: var(--backgroundfff);
  color: #ff5033;
  border: 1px solid #ff5033;
}

.btndark {
  background: linear-gradient(to right, #ff5033, #3a5a6b);
  color: var(--fff);
}

.referans-slider .owl-stage-outer {
  width: 85%;
  float: none;
  margin: 0 auto;
}

.blogdiv {
  width: 1160px;
  margin: 0 auto;
  margin-top: 90px;
  /* text-align: center; */
  /* padding: 10px; */
  border-radius: 60px;
  position: relative;
}

.blogtitle h3 {
  margin-top: 10px;
  color: var(--fff) !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700 !important;
  line-height: 46px;
  font-size: 26px;
}

.blogtitle p {
  margin-top: 10px;
  color: var(--fff);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  line-height: 30px;
}

.blogtitle p a {
  color: var(--aylikaktifdiv);
}

.blog {
  margin-top: 30px;
}

.blog .blogtitlediv {
  width: 100%;
  margin-top: -39px;
}

.blog div ul li {
  display: inline-block;
  vertical-align: top;
  width: 27%;
  margin: 30px;
}
.blog div ul li a {
  color: var(--fff);
}
.blog div ul li img {
  width: 100%;
}

  #my-owl-slider .owl-nav button.owl-prev,
  #my-owl-slider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0,0,0,0.5);
    color: var(--fff);
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
  }

  #my-owl-slider .owl-nav button.owl-prev {
    left: 10px;
  }

  #my-owl-slider .owl-nav button.owl-next {
    right: 10px;
  }

  #my-owl-slider .owl-nav button span {
    display: block;
  }
.referansdiv img {
  width: 100%;
}

.blogimg {
  width: 57%;
  display: inline-block;
  vertical-align: top;
}

.blogimg img {
  width: 100%;
}

.blogtitlediv {
  width: 36%;
  display: inline-block;
  vertical-align: top;
  margin: 30px;
}

.blogtitlediv h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  color: var(--aylikaktifdiv);
}

.blogtitlediv h3 span {
  color: var(--aylikaktifdiv);
  padding-left: 10px;
}

.avegadiv {
  width: 490px;
  background: var(--bg);
  padding: 60px;
  position: absolute;
  right: 30px;
  top: 650px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 200;
  font-style: italic;
  color: var(--fff);
  border-radius: 60px;
  line-height: 50px;
  z-index: 99999999;
  font-size: 25px;
}

.avegadivv {
  width: 490px;
  background: var(--avega);
  padding: 100px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: var(--fff);
  border-radius: 60px;
  line-height: 50px;
  margin-bottom: 30px;
  position: relative;
  font-size: 25px;
}

.avegadivvv {
  width: 490px;
  padding: 100px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: var(--color);
  border-radius: 60px;
  line-height: 50px;
  margin-bottom: 30px;
  position: relative;
  font-size: 25px;
}

.vegadiv {
  margin-top: 30px;
}

.vegadiv div ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

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

li {
}

.aciklamabaslikdiv {
  margin-top: 60px;
  color: var(--fff);
  font-weight: 500;
  font-style: italic;
  font-size: 26px;
}

.alinediv {
  background: linear-gradient(to right, #ed593a, #2c3e50);
  width: 100%;
  width: 70% !important;
  height: 3px;
  position: absolute;
  top: 60px;
}

.ikondiv {
  position: absolute;
  top: 19px;
  width: 60px;
  left: 260px;
}

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

.aciklamadiv {
  margin-top: 30px;
  color: var(--fff);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  line-height: 30px;
}
.aciklamadiv img {
  width: 100%;
}
.aciklamadiv span {
  color: var(--aylikaktifdiv);
  margin-right: 10px;
}

.asektorlerdiv span {
  color: var(--aylikaktifdiv);
  margin-right: 10px;
}

.menucenter {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 30px;
  z-index: 999;
  text-align: center;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
}

.guzellikdiv {
  border: 1px solid #fff;
  padding: 30px;
  padding-left: 60px !important;
  !i;!; padding-right: 60px !important;
  !i;!; border-radius: 100px;
}

.menucontent {
  margin-top: 60px;
  text-align: right;
  width: 70%;
}

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

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

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

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

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

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

.menucontent div ul li {
  margin-top: 12px;
  color: var(--bg);
  font-size: 38px;
  cursor: pointer;
  position: relative;
  left: -50%;
  opacity: 0;
  transition: all 1.6s;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  font-size: 19px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-family: "Kanit", sans-serif;
  letter-spacing: 3px;
}

.menucenter {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  z-index: 999;
  text-align: left;
  display: flex;
  /* display: none; */
  justify-content: center;
  align-items: center;
}

.menucontent div ul li:hover {
  color: #ffcd00;
}

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

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

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

.form-kapsayici {
  padding: 20px;
  border-radius: 10px;
  width: 60%;
  margin: 0 auto;
  margin-top: -10px;
}

.form-alani {
  margin-bottom: 15px;
  width: 100%;
}

.sozlesmediv {
  width: 560px;
  float: right;
  position: relative;
  right: 0;
}

.sozlesme a {
  margin-top: -30px;
  position: relative;
  top: -6px;
}

.form-alani input, .form-alani textarea {
  width: 100%;
  padding: 12px;
  border: 2px solid #6D4C41;
  border-radius: 30px;
  font-size: 16px;
  background: var(--backgroundfff);
  color: #124E3C;
  outline: none;
  font-family: "Raleway";
  font-weight: 300 !important;
}

::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  color: var(--bg);
}

.form-alani textarea {
  height: 120px;
  border-radius: 20px;
  resize: none;
  margin-top: -3px !important;
}

.sozlesme {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 570px;
  text-align: left;
  font-size: 12px !important;
  !i;!; }

.sozlesme input {
  margin-right: 10px;
}

.sozlesme label {
  font-size: 12px;
  color: #6D4C41;
}

.gonder-buton {
  background: #124E3C;
  color: var(--fff);
  /* padding: 12px 20px; */
  border: none;
  border-radius: 30px;
  font-size: 18px;
  cursor: pointer;
  width: 100%;
  width: 160px;
  padding: 20px;
  position: absolute;
  top: 0;
  font-family: "Raleway";
  font-weight: 300;
  right: 0;
}

.gonder-buton:hover {
  background: #183021;
}

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

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

.mouse {
  width: 50px;
  height: 80px;
  border: 5px solid #604A42;
  border-radius: 30px;
  position: relative;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999999999;
  transform: scale(0.6);
}

.scroll {
  width: 5px;
  height: 20px;
  background: #604A42;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 3px;
  animation: scrollDown 1.5s infinite;
}

@keyframes scrollDown {
  0% {
      top: 10px;
      opacity: 1;
  }

  50% {
      top: 35px;
      opacity: 0.5;
  }

  100% {
      top: 10px;
      opacity: 1;
  }
}

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

.randevudiv button {
  background: var(--sliderbackgrounddemotalebi);
  padding: 15px 20px;
  width: 170px;
  text-align: center;
  border-radius: 30px;
  color: #604A42;
  border: unset;
  margin: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  background: linear-gradient(to right, #ed593a, #2c3e50);
  color: var(--slidercolordemotalebi);
  border: unset;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.adresrandevudiv {
  position: absolute;
  top: 10px;
  right: 30px;
}

.adresrandevudiv button {
  background: var(--sliderbackgrounddemotalebi);
  padding: 13px;
  width: 139px;
  text-align: center;
  border-radius: 30px;
  /* box-shadow: inset 0px 0px 10px; */
  color: #604A42;
  border: unset;
  margin: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  background: linear-gradient(to right, #ed593a, #2c3e50);
  color: var(--slidercolordemotalebi);
  border: unset;
}

.cvdiv {
  background: #BEA89C;
  padding: 13px;
  width: 100px;
  text-align: center;
  border-radius: 30px;
  box-shadow: inset 0px 0px 10px;
  color: #604A42;
  border: unset;
  margin: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
}

.randevudivv button {
  padding: 15px 20px;
  width: 170px;
  text-align: center;
  border-radius: 30px;
  color: #604A42;
  border: unset;
  margin: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
  background: unset;
  border: 1px solid #FF4E2A;
  color: #FF4E2A;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.menudivvv {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 9;
}

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

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

.backgrounddiv {
  position: fixed;
  /* right: 0; */
  top: 0;
  right: 0;
  width: 460px;
  z-index: 3;
}

.backgrounddiv img {
  width: 100%;
  /* display: none; */
  position: relative;
  z-index: -1;
}

.backgrounddivv {
  position: absolute;
  /* right: 0; */
  top: 0;
  right: 0;
  width: 460px;
}

.backgrounddivv img {
  width: 100%;
}

.lokasyondiv {
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* width: 49%; */
  /* margin-top: 60px; */
  margin-top: 30px;
  margin-bottom: 30px;
  color: #604A42;
  font-family: "Arsenal", sans-serif;
  font-weight: 500;
  width: 60%;
  margin: 0 auto;
  margin-top: 30px;
  line-height: 30px;
}

.lokasyondiv h3 {
  color: #261d1d;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: 10px;
  font-size: 30px;
}

.lokasyondiv p {
  margin-top: 12px;
  color: #261d1d;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
}

.lokasyonimg {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  margin-top: 60px;
}

.lokasyonnimg {
  width: 100%;
  transform: scale(1.6);
  transition: all 3s;
  position: relative;
  z-index: 999;
  margin-bottom: 30px;
}

.lokasyonimg iframe {
  border-radius: 12px;
}

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

.haritaimg {
  width: 230px !important;
  padding: 12px;
  padding-top: 30px;
  padding-bottom: 30px;
  right: -60px;
  border-radius: 30px;
  margin-top: 30px;
}

.ilanlistesidiv {
  max-width: 1200px;
  margin: auto;
}

.ilansatiridiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  border-bottom: 1px solid #604A42;
}

.ilanbilgidiv h2 {
  margin: 0px;
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  color: #604A42;
  font-family: "Arsenal", sans-serif;
  font-weight: 600;
}

.ilanbilgidiv p {
  margin: 0px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #604A42;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  position: absolute;
  right: 0;
}

.buttondiv {
  display: flex;
  gap: 15px;
}

.abuttondiv {
  position: absolute;
  right: -10px;
  top: 30px;
}

.abuttondiv button {
  margin: 0px;
  background: var(--headergirisyap);
  border: 1px solid #FF4E2A;
  padding: 10px;
  border-radius: 60px;
  color: var(--aylikaktifdiv);
  width: 120px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  font-size: 15px;
}
.kayitoldiv {
  background: var(--headerkayitol) !important;
  color: var(--fff) !important;
}
.buttondivv {
  background: var(--backgroundfff);
  color: #4e3e36;
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.1);
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.buttondivv:hover {
  background: #f1f1f1;
}

.basvurdiv {
  background: #4e3e36;
  color: var(--fff);
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  font-size: 16px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.basvurdiv:hover {
  opacity: 0.9;
}

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

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

.fancybox__content {
  max-height: 90vh !important;
  max-width: 90vw !important;
  width: auto !important;
  height: auto !important;
  margin: auto !important;
}

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

.atitle {
  transform: scale(0.6);
  opacity: 0;
  transition: all 1.6s;
}

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

.buttondiv:hover .buttondivvv {
  color: var(--fff);
}

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

.buttondiv:hover .buttondivvv {
  color: var(--fff);
}

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

.prodiv {
  position: absolute;
  top: 113px;
  left: 30px;
  /* background: #000; */
  right: 30px;
  text-align: center;
  color: var(--fff);
  opacity: 0;
  transition: all 1s;
  z-index: 9999999999;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: -3px;
  border: 3px solid #fff;
  padding: 10px;
  font-size: 13px;
}

.vipdiv {
  /* position: absolute; */
  /* top: 0; */
  background: #604A42;
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 660px;
  padding: 30px;
  padding-left: 120px;
  padding-right: 120px;
  border-radius: 230px;
  /* mix-blend-mode: multiply; */
  transform: scale(1.5);
}

.vipdiv div ul li {
  color: var(--fff);
  width: 49%;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "Arsenal", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
}

.vipimg {
  position: absolute;
  top: 90px;
  width: 190px !important;
  !i;!; left: -70px;
  transform: rotate(-60deg) scale(1.2);
  transition: all 1.6s;
}

.vipimgg {
  position: absolute;
  top: 26px;
  width: 40% !important;
  right: 30px;
  /* top: 30px; */
  width: 360px !important;
  height: 360px;
  overflow: hidden;
  border-radius: 260px;
}

.vipimgg img {
  transition: all 1s;
  transform: scale(1.6);
}

.atasatarim {
  position: absolute;
  top: 0;
  width: 90px !important;
  !i;!; right: 90px;
  top: 37px;
  margin-right: -100px;
  transition: all 1s;
}

.hizmetdiv {
  position: absolute;
  bottom: -90px;
  background: #fff !important;
  !i;!;padding: 19px;
  !i;!;border: 1px solid #BEA89C;
  border-radius: 100px;
  mix-blend-mode: unset;
  margin-right: -60px;
}

.hizmetlistediv {
  bottom: 10px;
  padding: 19px;
  width: 1730px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.hizmetlistediv div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.hizmetlistediv div ul li {
  padding: 20px;
  margin: 10px;
  background: #ffffffd1;
  border-radius: 60px;
  width: 190px;
  height: 40px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/* 1. UL (a1-a4) */
.hizmetlistediv div ul:nth-of-type(1) a:nth-child(1) li{
  color: #FF4E2A;
  border: 1px solid #FF4E2A;
}
.hizmetlistediv div ul:nth-of-type(1) a:nth-child(2) li{
  color: #0C4B6F;
  border: 1px solid #0C4B6F;
}
.hizmetlistediv div ul:nth-of-type(1) a:nth-child(3) li{
  color: #961900;
  border: 1px solid #961900;
}
.hizmetlistediv div ul:nth-of-type(1) a:nth-child(4) li{
  color: #1C96C0;
  border: 1px solid #1C96C0;
}

/* 2. UL (a5-a9) */
.hizmetlistediv div ul:nth-of-type(2) a:nth-child(1) li{
  color: #961900;
  border: 1px solid #961900;
}
.hizmetlistediv div ul:nth-of-type(2) a:nth-child(2) li{
  color: #1C96C0;
  border: 1px solid #1C96C0;
}
.hizmetlistediv div ul:nth-of-type(2) a:nth-child(3) li{
  color: #FF4E2A;
  border: 1px solid #FF4E2A;
}
.hizmetlistediv div ul:nth-of-type(2) a:nth-child(4) li{
  color: #0C4B6F;
  border: 1px solid #0C4B6F;
}
.hizmetlistediv div ul:nth-of-type(2) a:nth-child(5) li{
  color: #961900;
  border: 1px solid #961900;
}

/* 3. UL (a10-a13) */
.hizmetlistediv div ul:nth-of-type(3) a:nth-child(1) li{
  color: #0C4B6F;
  border: 1px solid #0C4B6F;
}
.hizmetlistediv div ul:nth-of-type(3) a:nth-child(2) li{
  color: #961900;
  border: 1px solid #961900;
}
.hizmetlistediv div ul:nth-of-type(3) a:nth-child(3) li{
  color: #1C96C0;
  border: 1px solid #1C96C0;
}
.hizmetlistediv div ul:nth-of-type(3) a:nth-child(4) li{
  color: #FF4E2A;
  border: 1px solid #FF4E2A;
}

.hizmetlerdiv {
  font-family: "gyst-variable", sans-serif;
  font-weight: 500;
  color: #604A42;
  margin: -10px;
  position: relative;
  right: -30px;
  transition: all 1.6s;
  font-size: 15px;
  margin-top: 30px;
}

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

.abackgrounddiv {
  background: #093746a8;
  /* padding-top: 30px; */
  margin-top: 170px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.hizmetlerimgdiv {
  overflow: hidden;
  background-image: url("../assets/images/ahizmetler.png"); /* kendi yolunu yaz */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hizmetlerimg {
  width: 170%;
  transform: scale(1.9);
  transition: all 1.9s;
}

.projelerdiv::after {
  content: '';
  background: #000;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: all 1.6s;
  z-index: 9;
}

.projelerdiv:hover:after {
  opacity: 0.6;
}

.projelerdiv:hover .prodiv {
  opacity: 1;
  letter-spacing: 6px;
}

#galeri-section ul li {
  transform: scale(0.6);
  opacity: 0;
  /* Görünmez */
  transition: all 1.6s;
}

.projelerdiv:hover img {
  transform: scale(1.2);
}

.footerdivv {
  text-align: center;
  width: 100%;
}

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

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

.sosyalmedya svg {
  width: 60px;
}

.slidertext {
}

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

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

.referanslardivv {
  /* background: var(--backgroundfff); */
  width: 700px;
  padding: 30px;
  margin: 0 auto;
  margin-top: 60px;
  /* border-radius: 30px; */
  border: 1px solid #001B34;
  text-align: center;
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: -130px;
  /* left: 10px; */
}

.mapimg {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

svg path {
  transition: all 1s;
}

.binaimg {
  position: absolute;
  /* z-index: 9999999999; */
  width: 100%;
  right: 0;
  transition: all 1.6s;
  width: 100%;
  top: 0;
  height: 100vh;
}

.yapraklarimg {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  height: 300px;
}

.vadidiv {
  position: absolute;
  top: 37%;
  display: flex;
  color: var(--fff);
  z-index: 999999;
  padding: 30px;
  flex-direction: column;
  justify-content: center;
  /* left: 10%; */
  border-radius: 30px;
  /* padding-right: 100px; */
  overflow: hidden;
  width: 1430px;
  margin: 0 auto;
  left: -120px;
  opacity: 0;
  right: 0;
  margin: 0 auto;
  transition: all 1s;
}

.vadidiv img {
  width: 390px;
  margin-top: 19px;
  margin-bottom: 0px;
}

.vadidiv h3 {
  display: block;
  font-size: 49px;
  text-shadow: 1px 1px 60px #000;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  position: relative;
  transition: all 1.6s;
  color: var(--slidertitle);
  line-height: 70px;
}

.vadidiv h4 {
  display: block;
  font-size: 30px;
  text-shadow: 1px 1px 60px #000;
  font-family: 'Raleway';
  font-weight: 500;
  position: relative;
  transition: all 1.6s;
  color: #EFEDE3 !important;
  margin-top: 10px;
  font-family: "gyst-variable", sans-serif;
  letter-spacing: 3px;
  font-weight: 300;
}

.vadidiv h5 {
  display: block;
  font-size: 49px;
  text-shadow: 1px 1px 60px #000;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  position: relative;
  transition: all 1.6s;
  color: var(--sliderh3);
  line-height: 70px;
}

h4 {
}

.vadidiv h3:nth-child(2) {
  transition: all 3.9s;
}

.isletmediv {
    margin-top: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    line-height: 30px;
    color: var(--slidertext);
    width: 30%;
}

.hizmetlerdiv {
  /* margin-top: 30px; */
}

.tasarimimg {
}

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

.imgtextdiv {
  width: 90%;
  position: absolute;
  top: 29%;
  left: revert;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.imgtextdiv h3 {
  color: #ffcd00;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: 3px;
  font-size: 30px;
}

.imgtextdiv h3, .imgtextdiv p {
  position: relative;
  top: 30px;
  opacity: 0;
  transition: all 1.6s;
}

.imgtextdiv span {
  display: inline-block;
  position: relative;
  top: 30px;
  transition: margin-top 0.5s ease;
}

.imgtextdiv p {
  color: var(--fff);
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  width: 49%;
  margin-top: 30px;
  font-size: 1rem;
}

.imgtextdivv {
  width: 90%;
  position: absolute;
  /* top: 30%; */
  left: revert;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.imgtextdivv h3 {
  color: #ffcd00;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: 3px;
  font-size: 30px;
  width: 70%;
}

.imgtextdivv h3, .imgtextdivv p {
  position: relative;
  top: 30px;
  /* BaÅŸlangıçta yukarÃââ‚ÂÃÃâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒâ€¦Ã‚¾ÃƒÆ’‚±da */
  opacity: 0;
  /* BaÅŸlangıçta gÃÆââ‚ÂÂÂÃÃ†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¶rünmez */
  transition: all 1.6s;
  /* top için geçiş animasyonu */
  margin-top: 30px !important;
}

/* Harflerin başlangıç durumu */
.imgtextdivv span {
  display: inline-block;
  /* Harfleri bağımsız bir blok haline getir */
  position: relative;
  top: 30px;
  transition: margin-top 0.5s ease;
  /* Yumuşak geçiş animasyonu */
}

.imgtextdivv p {
  color: var(--fff);
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  width: 49%;
  margin-top: 30px;
}

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

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

.section video {
  width: 100%;
  height: 300px;
  transform: scale(1.3);
  position: relative;
}
.avideodiv {
  display: none;
}
.alttext {
  color: var(--fff);
  font-family: 'Poppins', sans-serif;
  text-shadow: 1px 1px 10px #000;
}

.bulutimg {
  width: 100%;
  height: 100vh;
  margin-top: 100px;
  transition: all 1.6s;
  position: absolute;
  top: 0;
}

.section {
  /* overflow: hidden; */
  /* height: 100vh !important; */
  position: relative;
  background: var(--bg);
}

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

.cizgi {
}

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

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

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

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

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

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

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

.fancybox__image {
  max-width: 100% !important;
  max-height: 85vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.projedivv {
  /* text-align: center; */
  position: relative;
  z-index: 999;
  /* margin-top: -60px; */
  /* padding-top: 260px; */
  /* padding-bottom: 60px; */
}

.hakkimizdadiv {
}

.aileimg {
  position: absolute;
  right: 0;
  width: 30%;
  bottom: 0;
}

.aileimgg {
  position: absolute;
  left: -100px;
  width: 30%;
  bottom: 0;
}

.yasamdiv {
  text-align: center;
}

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

.yasam img {
  width: 100%;
}

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

.yasaam img {
  width: 100%;
}

.backgroundimg {
  position: absolute;
  top: 0;
  width: 100%;
}

.projedivvv {
  text-align: left;
  margin-top: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 60px;
  position: relative;
  right: 0;
}

.paketimg {
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0 a;
  margin: 0 auto;
  height: 70px;
}

.projediv {
  position: relative;
  margin-top: 0px;
  width: 1290px;
  margin: 0 auto;
}

.detaybutton {
  position: relative;
  z-index: 999999999;
}

.detaybutton button {
  background: #80BC00;
  border: 10px solid #EFEDE3;
  padding: 10px;
  border-radius: 30px;
  width: 160px;
  font-family: 'Raleway';
  font-weight: 500;
  color: var(--fff);
}

#section4 .projediv {
  margin-top: -30px;
}

.projeediv {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  /* margin: 30px; */
  text-align: left;
  margin-right: 60px;
  position: absolute;
  right: 0;
}

.projetextdiv h3 {
  color: #604A42;
  font-size: 60px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 60px;
  font-family: 'Raleway';
  font-weight: 500;
  margin: 0 auto;
  margin-bottom: 200px;
  font-family: "gyst-variable", sans-serif;
  font-weight: 300;
}

.projetextdiv img {
  width: 100%;
  transform: scale(1.3);
  position: relative;
  z-index: 999;
  top: -60px;
}

.projetextdivv {
  position: absolute;
  right: 0;
  text-align: left;
  margin-top: 100px;
  opacity: 0;
  transition: all 1.6s;
}

.projetextdivv span {
  font-size: 190px !important;
  color: #E6E4DD;
  font-family: 'Raleway';
  font-weight: 500;
}

.projetextdivv h3 {
  font-family: 'Raleway';
  font-weight: 500;
  color: #124E3C;
  font-size: 60px;
  margin-bottom: 60px;
  margin-top: -100px;
}

.tasarimimg {
  position: absolute;
  top: 30px;
  right: 0;
  width: 70%;
  /* left: unset; */
  z-index: -1;
  margin-top: 160px;
  opacity: 0;
  transition: all 3s;
}

.tasarimimg img {
  width: 100%;
}

.tasarimimgg {
  position: absolute;
  top: 30px;
  left: 0;
  width: 60%;
  /* left: unset; */
  z-index: 0;
}

.atasarim {
  width: 300px;
  margin: 0 auto;
  margin-top: 30px;
  position: absolute;
  bottom: -150px;
  right: 310px;
  margin: 0 auto;
  z-index: 9999999999;
}

.atasarimimgg {
  width: 120px !important;
  !i;!;height: 100px !important;
  !i;!;margin: 0 auto;
  margin-top: 30px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}

.hakbaslikdiv {
  position: absolute;
  right: 10%;
  background: #604A42;
  padding: 6px;
  width: 600px;
  border-radius: 100px;
  bottom: -120px;
}

.hakbaslikdiv h3 {
  font-size: 16px !important;
  width: 100% !important;
  text-align: left;
  color: #BEA89C !important;
  margin-bottom: 0px !important;
}

.hakbaslikdiv h4 {
  text-align: left;
  color: var(--fff);
  width: 100%;
  font-size: 30px;
  margin-top: 10px;
  font-family: "gyst-variable", sans-serif;
  font-weight: 300;
  /* letter-spacing: 0px; */
}

#projeimg {
  right: -300px;
  transition: all 3s;
  position: relative;
  opacity: 0;
}

#projeimgg {
  transition: all 3s;
  position: relative;
}

.projeimg {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transform: scale(1.2);
  right: -7%;
}

.projeimg img {
  width: 100%;
}

.projeimgg {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 130px;
  z-index: 1;
  margin-top: 60px;
  left: 0;
}

.projeimgg img {
  width: 100%;
}

#yasamimg {
  right: -300px;
  opacity: 0;
  transition: all 3s;
}

.projeimg img {
  width: 100%;
}

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

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

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

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

.form .formtext::placeholder {
  color: var(--bg);
}

.form .formtextarea::placeholder {
  color: var(--bg);
}

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

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

.grupdiv img {
  width: 100%;
}

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

.haritadivv img {
  width: 100%;
}

.formtextarea {
  height: 90px !important;
}

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

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

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

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

.menuimg {
  position: absolute;
  left: 0;
  right: 0;
  /* height: 100vh; */
  width: 100%;
  opacity: 0;
  display: none;
  transition: all 1.6s;
  margin: 0 auto;
  transform: scale(1.2);
  margin-top: 30px;
}

.headercenter {
  position: relative;
  top: 0;
  width: 1500px;
  /* margin: 0 auto; */
  left: 0;
  right: 0;
  text-align: right;
  margin: 0 auto;
  /* background: var(--backgroundfff); */
}

.logo {
  width: 130px;
  position: absolute;
  left: 0;
  /* right: 0; */
  top: -19px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 30px;
}

.logo img {
  width: 100%;
}

.leftdiv {
  position: absolute;
  left: 70px;
  top: -30px;
}

.leftdiv div ul li {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  cursor: pointer;
  font-family: "Raleway";
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
  padding-right: 0px;
  color: #124E3C;
  letter-spacing: 3px;
}

.leftdiv div ul a {
  color: var(--bg);
}

.leftdiv {
  color: var(--bg);
  text-align: right;
  /* padding-bottom: 16px; */
  z-index: 9999999999;
  position: absolute;
  left: 70px;
  top: -30px;
  border-radius: 60px;
  padding: 6px;
}

.headerdiv {
  color: var(--bg);
  text-align: right;
  /* padding-bottom: 16px; */
  z-index: 9999999999;
  position: absolute;
  right: 305px;
  top: -19px;
  border-radius: 60px;
  padding: 6px;
  /* background: var(--backgroundfff); */
}

.rightdiv {
  color: var(--bg);
  text-align: right;
  /* padding-bottom: 16px; */
  z-index: 9999999999;
  position: absolute;
  right: 260px;
  top: 30px;
  border-radius: 60px;
  padding: 6px;
  background: var(--backgroundfff);
  /* width: 900px; */
  width: 560px;
  text-align: center;
}

.avantajlardiv {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: var(--fff);
}

.avantajlardiv div ul {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.atasarimimg {
  position: relative;
  left: -390px;
  margin-top: -10px;
}

.avantajlardiv div ul li {
  margin: 30px;
  margin-top: 60px;
  /* Başlangıç pozisyonu */
  opacity: 0;
  /* BaÅŸlangıçta gÃÆââ‚ÂÂÂÃÃ†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¶rünmez */
  transition: all 1s;
}

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

.avantajdiv div ul li {
  margin-top: 30px;
  font-size: 16px;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  width: 49%;
  color: #261d1d;
}

.avantajlardiv div ul li img {
  width: 100%;
  opacity: 0.3;
}

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

.menudivbutton {
  border: 1px solid #fff;
  padding-right: 0px !important;
  padding: 10px !important;
  border-radius: 30px;
  font-weight: 500 !important;
  background: var(--backgroundfff);
  color: var(--bg);
  transition: all 1s;
}

.menudivbutton:hover {
  color: var(--fff) !important;
  background: unset;
}

.rightdiv div ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 13px;
  font-family: "Raleway";
  font-weight: 500;
  cursor: pointer;
  padding-right: 0px;
  color: var(--headercolor);
  letter-spacing: 0px;
  /* font-family: "Arsenal", sans-serif; */
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
}

.headerdiv div ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 6px;
  font-family: "Raleway";
  font-weight: 500;
  cursor: pointer;
  padding-right: 0px;
  color: var(--headercolor);
  /* letter-spacing: 3px; */
  /* font-family: "Arsenal", sans-serif; */
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
}

.containerdivvv {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 999999999999;
  position: absolute;
  bottom: -70px !important;
  width: 100%;
}

.containerdivvv img {
  width: 100%;
}

.containerdivvv ul li div {
  margin-top: -60px;
  /* Yukarıda başlasın */
  opacity: 0;
  /* Görünmez */
  transition: all 1s ease-out;
  /* Yumuşak animasyon geçişi */
}

.containerdivvv div {
  width: 100%;
  font-family: "Kanit", sans-serif;
}

.containerdivvv div ul {
  display: flex;
  flex-wrap: wrap;
}

.containerdivvv div ul li {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100vh;
  align-content: center;
  text-align: center;
}

.containerdivvv div ul li div {
  margin-top: -60px;
  font-size: 20px;
  letter-spacing: 3px;
}

.containerdivvv div ul li div h3 {
  font-size: 50px;
  color: var(--fff);
  font-weight: 600;
}

.containerdivvv div ul li div h4 {
  font-size: 26px;
  color: var(--fff);
  font-weight: 300;
}

.containerdivvv div ul li div h5 {
  font-size: 19px;
  color: #ffcd00;
  font-weight: 300;
}

.owl-stage-outer {
  width: 100%;
  float: right;
}

.owl6 .owl-stage-outer {
  float: unset;
  width: 100% !important;
}

.owl3 .owl-item.active>div {
  z-index: 1 !important;
}

.projeediv {
  color: #BC7D20;
  font-size: 19px;
  font-family: "Kanit", sans-serif;
  margin-bottom: 16px;
  letter-spacing: 3px;
}

.projelerdiv {
  position: relative;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  /* border: 1px solid #BC7D20; */
  margin: 6px;
  overflow: hidden;
}

.projelerdiv img {
  width: 100%;
  transition: all 1.6s;
}

.projelerdiv .projeediv {
  text-align: center;
  margin-bottom: 6px;
  margin-top: 6px;
  display: none;
}

.projelerdiv .projevariandiv svg {
  top: -5px;
}

.haklardiv {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  margin-top: 19px;
  color: var(--bg);
}

.katalog {
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 10px;
  background: var(--backgroundfff);
  color: #29471F;
  font-family: 'Poppins', sans-serif;
}

.rightdiv div ul a {
  color: var(--fff);
}

.mouseimg {
  position: absolute;
  width: 39px !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 60px;
  z-index: 9999999999;
}

.sliderdiv {
  margin-top: 60px;
}

.slider {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  text-align: center;
}

.sliderimgdiv {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  transition: all 1.9s;
  position: relative;
}

.sliderimgdiv img {
  width: 100%;
}

.allslide {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  height: auto;
  position: relative;
  display: none;
}

.yerdiv {
  position: absolute;
  top: 140px;
  left: 200px;
  transform: scale(1);
  margin-left: 130px;
  opacity: 0;
  transition: all 1.6s;
}

.allslides {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  height: auto;
  position: relative;
  display: none;
}

.shadowimg {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  width: 100%;
  /* height: 100vh; */
  z-index: 9999999999;
  display: none;
}

.arrow {
  display: inline-block;
  vertical-align: top;
}

.slideok {
  width: 300px;
  text-align: right;
  position: absolute;
  right: 45.5%;
  margin-top: -70px;
}

.oklar {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 57px;
  margin: 7px;
}

.slider_Text {
  position: absolute;
  top: 25%;
  width: 85%;
  margin: 0 auto;
  left: 0px;
  right: 0px;
}

.slider_Text div {
  margin-top: 10px;
  color: var(--fff);
}

.slidertext {
  position: absolute;
  bottom: 200px;
  max-width: 1500px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

.title1 {
  font-size: 26px;
  color: var(--fff);
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  margin-top: 60px;
  transition: all 1s;
  top: 30px;
  opacity: 0;
}

.title2 {
  font-size: 36px;
  color: var(--fff);
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  position: relative;
  transition: all 1s;
  top: 30px;
  opacity: 0;
  margin-top: 10px;
}

.titles1 {
  font-size: 26px;
  color: var(--fff);
  position: relative;
  font-weight: 500;
  margin-top: 60px;
  transition: all 1s;
  top: 30px;
  opacity: 0;
}

.titles2 {
  font-size: 36px;
  color: var(--fff);
  font-weight: 200;
  position: relative;
  transition: all 1s;
  top: 30px;
  opacity: 0;
  margin-top: 10px;
}

.tabdiv {
  position: absolute;
  top: 30px;
  right: 160px;
  border-right: 1px solid #000;
  text-align: right;
  padding: 10px;
}

.tabdiv div ul li a {
  color: var(--bg);
}

.tabdiv div ul li {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
  letter-spacing: 3px;
  cursor: pointer;
}

.tabdiv div ul li::after {
  content: '';
  position: absolute;
  right: -11px;
  height: 33px;
  top: -3px;
  width: 1px;
}

.owlbutton {
  position: absolute;
  bottom: 150px;
  width: 1500px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: left;
}

.buttonimg {
  width: 5%;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  cursor: pointer;
}

.titlebg {
  position: absolute;
  top: 55px;
  width: 100%;
  left: -500px;
}

.sliderimg {
  width: 100%;
}

.kurumsalldivv {
  width: 100%;
  margin: 0 auto;
  /* margin-top: -27px; */
  background: #295f351a;
  /* padding: 39px 0px 39px; */
  /* margin-top: 60px; */
  /* margin-top: -60px; */
  position: relative;
}

.container1 {
  width: 100%;
  margin: 0 auto;
  /* margin-top: -27px; */
  text-align: center;
  background: #295f351a;
  /* padding: 39px 0px 39px; */
  /* margin-top: 60px; */
  /* margin-top: -60px; */
}

.iframediv {
  width: 100%;
  text-align: center;
}

.iframediv iframe {
  width: 100%;
  height: 360px;
}

.iframediv button {
  background: #3F2824;
  color: var(--fff);
  padding: 10px;
  width: 130px;
  border-radius: 30px;
  border: unset;
  margin-top: 39px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  cursor: pointer;
}

.gideceksiniz {
  width: 100%;
  margin-top: 100px;
  position: relative;
}

.gideceksiniz img {
  width: 100%;
}

.tasarimharikasi {
  position: absolute;
  top: -60px;
  width: 27% !important;
  /* right: 0; */
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tasarimyasiyor {
  position: absolute;
  top: -10%;
  width: 26% !important;
  /* right: 0; */
  left: 0;
  right: 160px;
  margin: 0 auto;
}

.tasarimgiremez {
  position: absolute;
  top: -10px;
  width: 26% !important;
  /* right: 0; */
  left: 0;
  right: -600px;
  margin: 0 auto;
}

.gideceksiniztext {
  width: 20%;
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.gideceksiniztext h3 {
  font-size: 40px;
  margin-top: 10px;
  color: var(--fff);
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-family: 'Afterglow';
}

.tasarimyasiyortext {
  width: 300px;
  position: absolute;
  top: 17%;
  left: 0;
  right: 160px;
  margin: 0 auto;
  text-align: center;
}

.tasarimyasiyortext h3 {
  font-size: 40px;
  margin-top: 10px;
  color: var(--fff);
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-family: 'Afterglow';
}

.tasarimtext {
  width: 360px;
  position: absolute;
  top: 17%;
  left: 0;
  right: -600px;
  margin: 0 auto;
  text-align: center;
}

.tasarimtext h3 {
  font-size: 40px;
  margin-top: 10px;
  color: #49756d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-family: 'Afterglow';
}

.gttext {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: var(--fff);
  font-size: 16px;
  margin-top: 100px;
}

.gttextgiremez {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #49756d;
  font-size: 16px;
  margin-top: 120px;
}

.container2 {
  width: 1200px;
  margin: 0 auto;
  margin-top: -210px;
  margin-bottom: 0px;
  text-align: auto;
  position: relative;
  /* z-index: 9999999999; */
}

.container2 svg {
  width: 100%;
}

.container_Info div ul li {
  width: 45%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
}

.blokdiv {
  position: absolute;
  top: 0;
  right: 0;
  background: #242422;
  padding: 10px;
  color: #FEC733;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
}

.studyodiv {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #242422ba;
  padding: 19px;
}

.namediv {
  color: #FEC733;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.alandiv {
  color: #FEC733;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  width: 70%;
}

.ozelsehir div ul li {
  width: 33%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
  position: relative;
  text-align: right;
  position: relative;
  left: -60px;
}

.adresdiv {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-top: 60px;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.adresdiv input {
  width: 90%;
  padding: 25px 30px;
  border-radius: 60px;
  background: var(--backgroundfff);
  color: var(--bg);
  font-size: 18px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.adresdiv p {
  margin-top: 30px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  color: var(--fff);
  line-height: 30px;
}

.inputdiv {
  margin-top: 16px;
  width: 90%;
  position: relative;
  margin: 10px;
  margin-right: 30px;
}

.inputdiv svg {
  position: absolute;
  bottom: 0px;
  left: -13px;
}

.inputdiv textarea {
  height: 300px;
}

.inputdivv {
  margin-top: 30px;
}

.inputdivv input {
  width: 300px;
  padding: 19px;
  border-radius: 60px;
  border: unset;
  background: #ffffffad;
}

.inputdivv textarea {
  width: 300px !important;
  padding: 19px;
  background: #ffffffad;
  border-radius: 30px;
}

.inputdivv select {
  width: 339px;
  padding: 19px;
  border-radius: 60px;
  border: unset;
  background: #ffffffad;
  font-family: "Arsenal", sans-serif;
  font-weight: 600;
  color: #604A42;
  letter-spacing: 3px;
}

.ozelsehir div ul li form input {
  width: 100%;
  padding: 10px;
  background: unset;
  border: unset;
  color: var(--fff);
  border-bottom: 1px solid #fff;
  position: relative;
  font-family: "Kanit", sans-serif;
  letter-spacing: 3px;
}

.ozelsehir div ul li:nth-child(1) {
  margin-right: 30px;
  text-align: center;
  width: 56%;
  top: 30px;
}

.ozelsehirr div ul li {
  width: 33%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
  position: relative;
  text-align: right;
  position: relative;
  left: 60px;
}

.ozelsehirr div ul li:nth-child(2) {
  margin-right: 30px;
  text-align: center;
  width: 56%;
  top: 60px;
}

.ozelsehirrr div ul li {
  width: 63%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
  position: relative;
  text-align: right;
  position: relative;
  left: 60px;
}

.ozelsehirrr div ul li:nth-child(2) {
  margin-right: 30px;
  text-align: center;
  width: 56%;
  top: 60px;
}

.owl4 .item .ozelsehir div ul li {
  width: 47%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
  position: relative;
  text-align: right;
  width: 56%;
}

.owl4 .item .ozelsehir div ul li:nth-child(1) {
  margin-right: 30px;
  width: 40%;
}

.iletisim div ul li {
  width: 47%;
  display: inline-block;
  vertical-align: middle;
  color: #343434;
  position: relative;
  text-align: center;
}

.iletisim div ul li:nth-child(1) {
  margin-right: 30px;
}

.ozelimg {
  width: 100%;
}

.textspac {
  /* color: #92cef7; */
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  /* font-family: 'Poppins', sans-serif; */
  /* font-weight: 600; */
  font-family: 'Inter', sans-serif;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  color: #BC7D20;
  font-size: 20px;
}

.textspacc {
  /* color: #92cef7; */
  font-size: 50px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  /* font-family: 'Poppins', sans-serif; */
  /* font-weight: 600; */
  font-family: 'Inter', sans-serif;
  /* font-family: "Kanit", sans-serif; */
  font-family: "Petit Formal Script", cursive;
  position: relative;
  left: -30px;
}

.textspaccc {
  /* color: #92cef7; */
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  /* font-family: 'Poppins', sans-serif; */
  /* font-weight: 600; */
  font-family: 'Inter', sans-serif;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  color: #001B34;
  font-size: 20px;
}

.textspaccccc {
  /* color: #92cef7; */
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  /* font-family: 'Poppins', sans-serif; */
  /* font-weight: 600; */
  font-family: 'Inter', sans-serif;
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-size: 16px;
  color: var(--fff);
  text-align: left;
  width: 210px;
  margin: 0 auto;
  margin-top: 30px;
}

.texttitle {
  font-size: 40px;
  margin-top: 10px;
  color: #3b3835;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: 'Afterglow';
}

.text {
  color: #3b3b35;
  margin-top: 27px;
  line-height: 27px;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: 500; */
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-family: "Kanit", sans-serif;
  color: #6F6F6F;
}

.agac {
  width: 100px;
  margin: 0 auto;
  margin-top: 60px;
}

.agacc {
  width: 100px;
}

.iletisimformdiv {
  /* width: 360px; */
  /* display: inline-block; */
  position: absolute;
  top: 160px;
  right: 190px;
  /* text-align: center; */
  text-align: right;
}

.scrollline {
  height: 20px;
  width: 0%;
  background: #C6894E;
  position: absolute;
  bottom: 30px;
  z-index: -1;
  transition: all 1s;
}

.grvmalscroll {
  right: -500px;
}

.scrolltops {
}

.cicekimg {
  width: 60px !important;
  margin: 0 auto;
}

.uskumrukoyyimg {
  width: 390px !important;
  margin: 0 auto;
  margin-top: 39px;
}

.containertitle {
  margin-top: 100px;
  /* width: 1150px; */
  margin: 0 auto;
  text-align: unset;
  text-align: center;
}

.containertitle h3 {
  color: var(--fff);
  text-align: center;
  font-size: 39px;
  /* font-family: 'Poppins', sans-serif; */
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: var(--bg);
  /* color: #FEC733; */
}

.containertitle .info-group h3 {
  font-size: 27px;
  text-align: unset;
}

.haberlerdiv {
  /* display: flex; */
  width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}

.galeridiv {
  margin: 0 auto;
  /* overflow: hidden; */
  text-align: center;
  width: 1790px;
  margin-top: 60px;
}

.galeridiv svg {
  position: absolute;
  top: 10px;
  right: 10px;
  transform: scale(0.7);
}

.galeridiv div ul li:nth-child(1) svg {
  right: 30px;
}

.galeridiv div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  list-style: none;
  padding: 0;
}

.galeridiv div ul li {
  display: flex;
  flex-direction: column;
  width: 17%;
  position: relative;
  background: var(--paketlerbackground);
  border-radius: 60px;
  border-top: var(--paketlerborder);
  margin: 15px;
  margin-bottom: 40px;
  transition: all 1s;
}

.galeridiv div ul li:hover {
  border-top: 6px solid linear-gradient(to right, #ed593a, #2c3e50);
}

.galeridiv div ul li:hover .aylikdiv {
  background: #FF4E2A;
  color: var(--fff);
}

.galeridiv div ul li:hover .aylikdiv h3 {
  color: var(--fff);
}

.galeridiv div ul li:hover .baslikdiv {
  background: var(--listedivhover);
}

.galeridiv div ul li:nth-child(3) svg {
  /* top: 30px; */
}

.baslikdiv {
  transition: all 1.6s;
}

.baslikdiv h3 {
  position: relative;
  z-index: 999999999;
}

.galeridiv div ul li:hover .baslikdiv h3 {
  color: var(--listedivhovercolor);
}

.galeridiv div ul li:hover:before {
  background: unset;
}

.galeridiv img {
  width: 100%;
  mix-blend-mode: luminosity;
}

.galeribaslikdiv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40%;
  color: var(--fff);
  font-size: 30px;
  letter-spacing: 6px;
}

.galeribaslikdiv h3 {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  color: var(--fff);
}

.hakkimizdadiv {
  margin-top: 100px;
  width: 1560px;
  margin: 0 auto;
  text-align: unset;
  /* position: relative; */
}

.yapitimg {
  position: absolute;
  /* bottom: -10px; */
  bottom: 0;
  right: -20%;
  z-index: -1;
  width: 47%;
}

.boxdiv {
  width: 260px;
  margin: 10px;
  /* text-align: center; */
  display: inline-block;
  vertical-align: middle;
}

.boxdiv img {
  width: 100%;
}

.boxdiv h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: var(--fff);
}

.baslikdiv {
  text-align: center;
  position: relative;
  z-index: 999;
  width: 60%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 auto 20px auto;
  border-radius: 30px;
  background: var(--baslikdiv);
  border: var(--baslikdivborder);
}

.baslikdiv span {
  font-size: 30px;
  color: var(--fff);
}

.baslikdiv h3 {
  color: var(--baslikdivh3);
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  /* letter-spacing: 10px; */
  /* font-size: 40px; */
  /* margin-top: 60px; */
  /* opacity: 0; */
  transition: all 1.6s;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-family: "Arsenal", sans-serif;
  font-weight: 500;
}

.baslikdivv {
  text-align: center;
  position: relative;
  z-index: 999;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.baslikdivv span {
  font-size: 30px;
  color: var(--fff);
}

.baslikdivv h3 {
  color: var(--fff);
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  /* letter-spacing: 10px; */
  /* font-size: 40px; */
  /* margin-top: 60px; */
  /* opacity: 0; */
  transition: all 1.6s;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  font-size: 26px;
}

.baslikdiv h4 {
  font-size: 30px;
  color: var(--fff);
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: 3px;
  font-size: 30px;
  margin-top: 60px;
  opacity: 0;
  transition: all 1.6s;
  letter-spacing: 10px;
  font-weight: 300;
}

.ayricaliklarimg {
}

.ayricaliklarimg img {
  width: 100%;
}

.owl3 .item {
  background: var(--owlbackground);
  width: 60%;
  margin: 0 auto;
  /* height: 100vh; */
  padding: 30px;
  text-align: left;
  border-radius: 60px;
}

.akullaniciimg {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}

.akullaniciimg img {
  width: 100%;
}

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

.abaslikdiv h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  color: var(--color);
  font-size: 26px;
}

.abaslikdiv h4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  color: var(--colorh4);
  font-size: 15px;
}

.abaslikdiv h5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  color: var(--colorh4);
  font-size: 16px;
  margin-top: 4px;
}

.abaslikdiv p {
  /* font-family: "Plus Jakarta Sans", sans-serif; */
  /* font-weight: 600; */
  /* color: var(--color); */
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  color: var(--color);
  font-size: 15px;
  margin-top: 30px;
  line-height: 30px;
  /* line-height: 30px; */
}

p {
}

.imgdiv {
  width: 1200px;
  margin: 0 auto;
  transition: all 1.6s;
  position: relative;
  text-align: center;
  /* padding: 100px; */
  /* border-radius: 80px; */
  padding-top: 60px;
  padding-bottom: 90px;
  /* margin-top: 120px; */
  width: 100% !important;
  !i;!; /* height: 60vh !important; */
  !i;!; }

#section1 {
  overflow: hidden;
}
#section1 .imgdiv {
  padding-top: 190px !important;
}

#section1 .hakbaslikdiv {
  z-index: 999999;
}

.imgsectiondiv {
  width: 60%;
  margin: 0 auto;
  transition: all 1.6s;
  position: relative;
  top: -30px;
  text-align: center;
}

.imgsectiondiv h3 {
  color: #124E3C;
  font-size: 60px;
  position: relative;
  width: 600px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-family: 'Raleway';
  font-weight: 500;
}

.projedivvv {
  text-align: left;
}

.imgdiv h3 {
  color: #80BC00;
  font-size: 60px;
  position: relative;
  width: 790px;
  margin: 0 auto;
  margin-bottom: 60px;
  font-family: "Arsenal", sans-serif;
  font-weight: 300;
  line-height: 30px;
}

.imgdivtitle {
  margin-top: 12px;
  color: var(--imgdivtitle);
  margin-top: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  width: 430px;
  right: -300px;
  opacity: 0;
  transition: all 1.9s;
}

/* Forza AI Video Container */
.forza-video-wrap {
  display: block !important;
  clear: both !important;
  width: 60% !important;
  max-width: 650px !important;
  margin: 0 auto !important;
  margin-top: 30px !important;
  position: relative !important;
  z-index: 2 !important;
}

.forza-video-wrap video,
.forza-video-wrap iframe {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px;
  display: block !important;
  object-fit: contain;
  background: #000;
  max-height: 360px !important;
}

/* Video modunda: yazi block, animasyon iptal, cakisma yok */
.hakkimizdadiv.has-video {
  text-align: center !important;
}

.hakkimizdadiv.has-video > .projedivvv {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 30px !important;
  position: relative !important;
  float: none !important;
}

.hakkimizdadiv.has-video > .projedivvv > .imgdivtitle {
  display: block !important;
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  padding-bottom: 20px !important;
  right: 0 !important;
  opacity: 1 !important;
  position: relative !important;
}

@media (max-width: 768px) {
  .forza-video-wrap {
    width: 90% !important;
  }
}

.imgdivtitlee {
  color: var(--imgdivtitlee);
  font-size: 30px;
  font-family: "Raleway";
  font-weight: 500;
  margin-bottom: 30px;
  position: relative;
  !i;!; font-family: "gyst-variable", sans-serif;
  width: max-content;
  margin: 0 auto;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  top: -60px;
}

.imgdivtitlee::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  width: 100%;
  background: var(--imgdivtitleebefore);
}

.imgdivtitlee span {
  font-size: 30px !important;
  font-weight: 500;
  letter-spacing: 3px;
}

.ascroll {
  position: relative;
  right: -120px;
  left: unset !important;
  transition: all 1.6s;
}

.ascale {
  position: relative;
  transform: scale(1.2);
  transition: all 1.6s;
}

.ikonimg {
  width: 100px !important;
  margin-top: 30px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cicekimg {
  position: absolute;
  top: -30px;
  right: -190px;
  width: 120px !important;
  transition: all 1.6s;
}

.hikayediv {
  transition: all 1.6s;
}

.hikayedivv {
  transition: all 1.6s;
}

.hikayeedivv {
  transition: all 1.6s;
  margin-top: 100px !important;
  position: relative;
  top: 100px;
  opacity: 0;
}

.hikayeedivv h3 {
  margin-bottom: 0px;
}

.hikayeediv {
  margin-top: -100px;
}

.hikayedivv span {
  font-size: 230px;
  color: #F5F3F0;
  font-family: 'Raleway';
  font-weight: 500;
  /* margin-bottom: -130px !important; */
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.span {
  font-size: 120px !important;
  transform: rotate(180deg);
  color: #F5F3F0;
  font-family: 'Raleway';
  font-weight: 500;
  /* margin-bottom: -130px !important; */
  position: absolute;
  top: unset !important;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cicekimgg {
  position: absolute;
  top: -30px;
  left: -190px;
  width: 120px !important;
  transition: all 1.6s;
}

.imgdivvvv {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 10vh;
  transition: all 1.6s;
  opacity: 0;
  transform: scale(1.6);
  position: relative;
}

.imgdivvvv video {
  height: 100vh !important;
  transform: scale(1.3) !important;
}

.imgdivvvv img {
  width: 100%;
  border-radius: 30px;
}

.imgdivvv {
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  align-items: center;
  height: 10vh;
  transition: all 1.6s;
  opacity: 0;
  transform: scale(1.6);
  position: relative;
}

.fancybox__thumbs {
  display: none !important;
  /* Thumbnail galerisini tamamen gizler */
}

.imgdivvv img {
  width: 100%;
  border-radius: 30px;
}

.baslikdivvv {
  width: 1000px;
  margin-bottom: 30px;
  margin: 0 auto;
}

.baslikdivvv h3 {
  color: var(--fff);
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  letter-spacing: 10px;
  font-size: 50px;
  margin-bottom: 30px;
  transition: all 1.6s;
}

/* Tab Container */
.tab-container {
  /* width: 90%; */
  width: 1000px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 30px;
}

/* Tab Menu */
.tab-menu {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin: 30px;
}

.tab-link {
  flex: 1;
  text-align: center;
  padding: 12px 0;
  color: #261d1d;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: color 0.3s ease;
}

/* Galeri */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery img {
  width: calc(20.333% - 10px);
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

/* Galeri */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gallery img {
  /* width: calc(20.333% - 10px); */
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  height: 100px;
  width: 170px;
  margin: 0px;
  display: inline-block;
  vertical-align: top;
}

.tab-link:hover, .tab-link.activeee {
  color: #261d1d;
  background: var(--backgroundfff);
  border-radius: 5px;
  font-weight: bold;
}

/* Tab Content */
.tab-content {
  padding: 20px;
}

.tab-pane {
  display: none;
  animation: fadeIn 0.4s ease-in-out;
}

.tab-pane.activeee {
  display: block;
}

.tab-pane h3 {
  margin: 0 0 10px;
  color: #4e54c8;
}

.tab-pane p {
  color: #666;
}

.imgdivv {
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  align-items: center;
  height: 10vh;
  transition: all 1.6s;
  opacity: 0;
  transform: scale(1.6);
  position: relative;
  top: 30px;
}

.imgdivv img {
  width: 100%;
  border-radius: 30px;
}

.imgdivvv {
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  align-items: center;
  height: 10vh;
  transition: all 1.6s;
  opacity: 0;
  transform: scale(1.6);
  position: relative;
  top: 30px;
}

.imgdivvv img {
  width: 100%;
  border-radius: 30px;
}

.tarihdiv {
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 600;
  /* color: #FEC733; */
  font-size: 12px;
  margin-top: 19px;
  font-family: "Petit Formal Script";
  font-size: 100px;
  width: 300px;
  position: relative;
  bottom: 350px;
  left: 53%;
  text-align: left;
}

.tarihdiv span {
  /* font-family: 'Poppins', sans-serif; */
  /* font-weight: 600; */
  /* color: #FEC733; */
  /* font-size: 12px; */
  /* margin-top: 19px; */
  color: #BC7D20;
}

.turuncutitle {
  color: #E6A15F;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  font-size: 50px;
  text-align: center;
}

.dusunluldudiv {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: center;
}

.dusunluldudivv {
  display: inline-block;
  vertical-align: top;
  width: unset;
  text-align: center;
  border-right: 1px solid #707070;
  padding: 17px;
}

.iletisimdiv {
  width: 100%;
  position: relative;
}

.iletisimdiv img {
  width: 100%;
}

.uygulamadiv {
  position: absolute;
  bottom: 100px;
  left: 100px;
}

.masaldiv {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: var(--fff);
  font-size: 39px;
}

.turkiyediv {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: var(--fff);
  font-size: 39px;
}

.uygulamadiv button {
  padding: 19px;
  background: #242422;
  border: unset;
  border-radius: 30px;
  color: #FEC733;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  cursor: pointer;
}

.textinfo {
  color: var(--fff);
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}

.grvmall {
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}

.grvmall div ul li {
  width: 66%;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.grvmall div ul li:nth-child(2) {
  width: 26%;
}

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

.isra {
  position: relative;
  margin-top: -10px;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-content: center;
}

.uskumrukoydiv {
  margin-top: 60px;
  padding-top: 119px;
  padding-bottom: 119px;
  background: #3F2824;
}

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

.linedivv {
  background: var(--backgroundfff);
  width: 100%;
  height: 1px;
  position: relative;
  margin-bottom: 100px;
}

.usrumrukoyimg {
  position: absolute;
  top: -49px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #3F2824;
  padding: 19px;
}

.titleimgdiv {
  position: absolute;
  top: 40%;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: var(--fff);
  right: 6%;
  font-size: 26px;
}

.turkiyediv .isratextt {
  position: relative;
  margin-top: 29px;
  margin-bottom: 29px;
}

.isratextt {
  position: absolute;
  top: 0;
  width: 1100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.7s;
  z-index: 9999999999;
  display: flex;
  height: 100%;
  align-content: stretch;
  justify-content: space-evenly;
  flex-direction: column-reverse;
}

.ekrandiv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  transition: all 0.7s;
  opacity: 0;
}

.isra:hover .ekrandiv {
  opacity: 0.7;
}

.isra:hover .isratextt {
  opacity: 1;
}

.isra:hover .titleimgdiv {
  display: none;
}

.yapimimg {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.yapimimg img {
  transition: all 0.7s;
}

.yapimdiv {
  position: absolute;
  top: 39%;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* text-align: center; */
  width: 100%;
  text-align: center;
  color: var(--fff);
  font-size: 39px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  /* color: #FEC733; */
  text-shadow: 1px 1px 10px #000;
  transition: all 0.7s;
  opacity: 0;
}

.yapimimg:hover img {
  filter: blur(3px);
  opacity: 0.7;
}

.yapimimg:hover .yapimdiv {
  opacity: 1;
}

.righttextt1 {
  font-size: 14px;
  /* font-family: 'Open Sans', sans-serif; */
  /* font-weight: 500; */
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: var(--fff);
}

.sizleridearamizda {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.sizleridearamizdaimg {
  width: 120%;
}

.sizleridearamizdatext {
  position: absolute;
  top: 10px;
  max-width: 600px;
  text-align: center;
}

.isratext {
  position: absolute;
  top: 15%;
  max-width: 1100px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

.righttext {
  width: 35%;
  position: absolute;
  font-weight: 400;
  left: 0;
  text-align: left;
  line-height: 25px;
}

.righttext1 {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}

.righttext2 {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  margin-top: 60px;
}

.suiteback {
  margin-top: 100px;
}

.suiteimg {
  width: 100%;
}

.suits {
  position: relative;
  top: 0;
  text-align: center;
}

.suits ul {
  display: flex;
  /* width: 40%; */
  /* vertical-align: middle; */
  justify-content: center;
  /* flex-direction: column; */
  flex-wrap: wrap;
  align-content: stretch;
}

.suittitle div ul li {
  font-size: 16px;
  color: #3F2824;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: 200; */
  margin: 10px 10px;
  /* width: 22.9%; */
  text-align: center;
  /* width: 60%; */
  border: 3px solid #3F2824;
  border-radius: 30px;
  /* height: 200px; */
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-align: center;
  /* display: block; */
  width: 16%;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ikonlar {
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
}

img.ikonlar {
}

.adetler {
  margin-top: 50px;
}

.adetler div ul li {
  width: 19%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #105577;
  margin-left: 56px;
  padding-right: 50px;
}

.adetler div ul li:nth-child(4) {
  border: 0;
}

.adettitle {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  color: var(--fff);
  font-weight: 200;
}

.adetalt {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #E6A15F;
  font-weight: 500;
}

.galericontainer {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tabs {
  margin-top: 60px;
  text-align: center;
}

.galeritab {
  display: inline-block;
  vertical-align: top;
  /* margin: 10px; */
  width: 190px;
}

.zoomdive {
  overflow: hidden;
  height: 100vh;
  margin-top: 0px;
}

.containerdiv {
  position: relative;
  transition: all 0.6s;
  /* overflow: hidden; */
}

.containerdiv img {
  width: 100%;
}

.zoomdiv {
  width: 1000px;
  position: absolute;
  bottom: 100px;
  /* right: 0; */
  /* left: 0; */
  text-align: right;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.zoomdiv img {
  width: 60px;
  display: inline-block;
  vertical-align: top;
}

.s1 {
  width: 26px;
  position: absolute;
  top: 43%;
  left: 35%;
  text-align: center;
}

.s1 img {
}

.s2 {
  width: 26px;
  position: absolute;
  top: 49%;
  left: 43%;
  text-align: center;
}

.s2 img {
}

.s3 {
  width: 26px;
  position: absolute;
  top: 66%;
  left: 62%;
  text-align: center;
}

.s3 img {
}

.s4 {
  width: 26px;
  position: absolute;
  top: 33%;
  left: 39%;
  text-align: center;
}

.s4 img {
}

.s5 {
  width: 26px;
  position: absolute;
  top: 38%;
  left: 44%;
  text-align: center;
}

.s5 img {
}

.s6 {
  width: 26px;
  position: absolute;
  top: 43%;
  left: 52%;
  text-align: center;
}

.s6 img {
}

.s7 {
  width: 26px;
  position: absolute;
  top: 51%;
  left: 61%;
  text-align: center;
}

.s7 img {
}

.s8 {
  width: 26px;
  position: absolute;
  top: 56%;
  left: 69%;
  text-align: center;
}

.s8 img {
}

.s9 {
  width: 26px;
  position: absolute;
  top: 60%;
  left: 74%;
  text-align: center;
}

.s9 img {
}

.s10 {
  width: 26px;
  position: absolute;
  top: 25%;
  left: 44%;
  text-align: center;
}

.s10 img {
}

.s11 {
  width: 26px;
  position: absolute;
  top: 30%;
  left: 49%;
  text-align: center;
}

.s11 img {
}

.s12 {
  width: 26px;
  position: absolute;
  top: 35%;
  left: 57%;
  text-align: center;
}

.s12 img {
}

.s13 {
  width: 26px;
  position: absolute;
  top: 42%;
  left: 67%;
  text-align: center;
}

.s13 img {
}

.s14 {
  width: 26px;
  position: absolute;
  top: 48%;
  left: 74%;
  text-align: center;
}

.s14 img {
}

.s15 {
  width: 26px;
  position: absolute;
  top: 53%;
  left: 79%;
  text-align: center;
}

.s15 img {
}

.s16 {
  width: 26px;
  position: absolute;
  top: 36%;
  left: 21%;
  text-align: center;
}

.s15 img {
}

.s166 {
  width: 26px;
  position: absolute;
  top: 0;
  left: 32%;
  text-align: center;
}

.s166 img {
}

.s17 {
  width: 26px;
  position: absolute;
  top: 7%;
  left: 29%;
  text-align: center;
}

.s17 img {
}

.s18 {
  width: 26px;
  position: absolute;
  top: 16%;
  left: 23%;
  text-align: center;
}

.s18 img {
}

.s16 {
  width: 26px;
  position: absolute;
  top: 36%;
  left: 21%;
  text-align: center;
}

.s15 img {
}

.owl3 .owl-dots.disabled, .owl-carousel .owl-nav {
  display: block !important;
  position: absolute !important;
  top: 49% !important;
  width: 93% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}

.studyo {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  z-index: 999999999;
  color: #FEC733;
  font-size: 30px;
  width: 1200px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-shadow: 1px 1px 10px #000;
}

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

.altimg img {
  width: 100%;
}

.titlediv {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: var(--fff);
  text-shadow: 1px 1px 1px #000;
}

.titledivv {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: #001B34;
  font-family: "Petit Formal Script", cursive;
  font-size: 50px;
  width: 100%;
  text-align: center;
}

.galeri {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

.gl {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.gl img {
  width: 100%;
}

.gll {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.glimg {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.gll img {
  width: 100%;
}

.yakinimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #49756db3;
  transition: all 0.6s;
  opacity: 0;
}

.gl:hover .yakinimg {
  opacity: 1;
}

.glimg:hover .yakinimg {
  opacity: 1;
}

.yakinlastir {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  width: 70px !important;
  margin: 0 auto;
  margin-top: 60px;
  transition: all 0.6s;
  opacity: 0;
}

.gl:hover .yakinlastir {
  opacity: 1;
  margin-top: 0px;
}

.closeimgg {
  position: absolute;
  right: 60px;
  top: 30px;
  transform: scale(1.5);
  z-index: 999999;
}
.glimg:hover .yakinlastir {
  opacity: 1;
  margin-top: 0px;
}

.galeri div ul li {
  border-radius: none;
  border: 1px solid #707070;
  margin: -3px;
  height: auto;
  overflow: hidden;
  width: 100%;
  display: block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  margin: 0px;
}

.galeri div ul li img {
  width: 100%;
  transform: scale(2);
}

.katplanlalari {
  position: absolute;
  color: var(--fff);
  right: 0;
  width: 100%;
  background: #c39218;
  bottom: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
}

.galeritab button {
  border: unset;
  background: unset;
  color: var(--bg);
  text-align: center;
  font-size: 35px;
  font-weight: 200;
  opacity: 0.6;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Afterglow';
  width: 100%;
  border-radius: 60px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

.slidergaleri {
  display: none;
  width: 1100px;
  margin: 0 auto;
  /* margin-top: 60px; */
}

.slidergalerri {
  display: none;
  width: 1100px;
  margin: 0 auto;
  /* margin-top: 60px; */
  margin-top: 260px;
}

.galeriokdiv {
  position: absolute;
  top: 50%;
  width: 100%;
}

.galeriokdiv a {
  cursor: pointer;
}

.galeriokdiv a:nth-child(2) {
  float: right;
}

.owl3 .owl-item.active>div {
  z-index: 1 !important;
}

.owl7 .owl-item.active>div {
  cursor: auto;
  position: absolute;
  z-index: 99999999999999999999999 !important;
  transition: all 1s;
  overflow: hidden;
  margin: 10px;
}

.owl7 .owl-item.active>div {
  z-index: 1 !important;
  margin: 10px;
}

.owl8 .owl-item.active>div {
  cursor: auto;
  position: absolute;
  z-index: 99999999999999999999999 !important;
  transition: all 1s;
  overflow: hidden;
  margin: 10px;
}

.owl8 .owl-item.active>div {
  z-index: 1 !important;
  margin: 10px;
}

.sizinbahceniz {
  position: absolute;
  bottom: 100px;
  width: 400px !important;
  left: 10%;
}

.owl5 .item {
  transform: scale(1);
}

.owl5 .item h3 {
  padding: 29px;
}

.hakkimizdaaciklamadiv {
  padding: 29px;
}

.owl5 .owl-stage {
  width: 100% !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.owl5 .item h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 27px;
  color: #FEC733;
  margin-top: 19px;
}

.hakkimizdaaciklamadiv {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  color: var(--fff);
  margin-top: 19px;
}

.owl-carousel .owl-stage {
  /* padding-top: 60px; */
  /* padding-bottom: 60px; */
}

.owl7 .owl-dots.disabled, .owl-carousel .owl-nav {
  position: absolute !important;
  top: 49% !important;
  width: 113% !important;
  left: -77px !important;
  right: 0 !important;
  margin: 0 auto !important;
}

.owl7 .owl-carousel .owl-dots.disabled {
  display: none !important;
}

.owl8 .owl-dots.disabled, .owl-carousel .owl-nav {
  position: absolute !important;
  top: 13% !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
  z-index: 9999999999 !important;
  text-align: right !important;
  margin-top: 90px !important;
}

.owl8 .owl-carousel .owl-dots.disabled {
  display: none !important;
}

.owl-theme .owl-nav {
}

.owl7 .owl-carousel .owl-nav {
  display: block !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -80px;
  z-index: -1;
}

.owl4 .owl-nav {
  display: block !important;
  position: absolute;
  /* top: 39%; */
  width: 290px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  top: unset !important;
  bottom: -100px !important;
  z-index: 9999999999;
}

.owl5 .owl-carousel .owl-nav.disabled {
  display: none !important;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  margin: 5px 7px;
  background: unset !important;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0px !important;
  border: 1px solid #75362b;
  border-radius: 30px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff !important;
}

.owl-prev {
  position: absolute;
  left: -30px;
}

.owl-next {
  /* float: right; */
  position: relative;
  top: 60px;
  /* left: 0; */
  right: 70px;
}
#my-owl-slider .owl-next {
  top: 0;
  right: -40px;
}
#my-owl-slider .item img {
  margin-bottom: 130px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: var(--fff);
  font-size: 14px;
  margin: 0px !important;
  padding: 0px !important;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: unset !important;
  background: unset !important;
  margin: 15px !important;
}

.ulasincontainer {
  margin-top: 100px;
}

.ulasincontainer div ul li {
  width: 69%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}

.ulasincontainer div ul li:nth-child(2) {
  width: 20%;
  padding-left: 50px;
}

.ulasincontainer div ul li img {
  cursor: pointer;
  transition: all 1s;
}

.bizeulasin {
  width: 100%;
  transition: all 1s;
  cursor: pointer;
}

.konum1 {
  position: absolute;
  top: 17%;
  left: 49%;
  width: 9%;
  transition: all 1s;
}

.konum2 {
  position: absolute;
  top: 26%;
  left: 59%;
  width: 9%;
  transition: all 1s;
}

.konum3 {
  position: absolute;
  top: 43%;
  left: 63%;
  width: 9%;
  transition: all 0.6s;
}

.konum4 {
  position: absolute;
  top: 61%;
  left: 61%;
  width: 9%;
  transition: all 1s;
}

.konum5 {
  position: absolute;
  bottom: 15%;
  left: 50%;
  width: 9%;
  transition: all 1s;
}

.konum6 {
  position: absolute;
  bottom: 17%;
  left: 39%;
  width: 9%;
  transition: all 1s;
}

.konum1:hover {
  transform: scale(1.5);
}

.konum2:hover {
  transform: scale(1.5);
}

.konum3:hover {
  transform: scale(1.5);
}

.konum4:hover {
  transform: scale(1.5);
}

.konum5:hover {
  transform: scale(1.5);
}

.konum5:hover {
  transform: scale(1.5);
}

.konum6:hover {
  transform: scale(1.5);
}

.ulasintitle {
  font-size: 40px;
  font-weight: 200;
  font-family: 'Open Sans', sans-serif;
  color: var(--fff);
}

.ulasininfo {
  margin-top: 30px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  color: var(--fff);
}

.buttonulasin button {
  margin-top: 30px;
  background: unset;
  border: unset;
  cursor: pointer;
  font-size: 19px;
  font-weight: 800;
  color: var(--fff);
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
}

.buttonulasin button svg {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 10px;
}

.numaradiv {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

.numaradiv img {
  vertical-align: middle;
  margin: 10px;
}

.mennuudiv {
  /* background: #000; */
  /* width: 16% !important; */
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 60px; */
  font-family: "Raleway";
  font-weight: 300;
  background:  var(--fff);
  width: 100%;
  margin: 0;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: -10px;
  text-align: center;
}

.logofooter {
  background: #EFEDE3;
  padding: 30px;
  /* border-radius: 30px; */
  border-top-right-radius: 60px;
  border-top-left-radius: 60px;
  display: inline-block;
  vertical-align: top;
}

.footerdivv {
  /* display: inline-block; */
  /* vertical-align: top; */
  font-family: "Raleway";
  font-weight: 500;
  font-size: 12px;
  /* margin: 10px; */
  font-family: "Arsenal", sans-serif;
  font-weight: 600;
  color: #604A42;
  letter-spacing: 3px;
  /* position: relative; */
  /* z-index: 99999999999999999999; */
  /* width: 100%; */
  /* background: var(--backgroundfff); */
  padding: 0px;
  background: var(--backgroundfff);
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  /* text-align: unset !important; */
  color: var(--bg);
}

.footerbaslikdiv {
  margin-top: 30px;
  color: var(--color);
}

.footerbaslikdiv h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  line-height: 30px;
  color: var(--color);
}

h3 {
}

.footercontent {
  color: var(--color);
}

.footerdivv svg {
  margin-bottom: 12px;
}

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

.footercenter {
  width: 1060px;
  margin: 0 auto;
  position: relative;
}

.footermenu {
  display: inline-block;
  vertical-align: top;
}

.formInput button {
  background: #134d3e !important;
}

.footermenu div ul li {
  display: inline-block;
  vertical-align: top;
  margin: 60px;
}

.footerlogo {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  width: 190px !important;
  /* transform: scale(1.5); */
  position: relative;
  top: 60px;
  transition: all 1.6s;
}

.ftlogo {
  width: 200px;
  margin-top: 139px;
}

.ftlogoo {
  width: 130px;
  margin-top: 20px;
}

.footerdiv {
  font-family: 'Inter', sans-serif;
  color: var(--fff);
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.footerdiv div ul li {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  /* text-align: left; */
  /* text-align: left; */
  text-align: left;
}

.footerdiv div ul li a {
  color: var(--color);
}

.footerdiv form input {
  background: #ffffffa6;
  padding: 10px;
  border-radius: 30px;
  border: unset;
  width: 100%;
  font-family: "Arsenal", sans-serif;
  font-weight: 600;
}

.footerdiv form textarea {
  background: #ffffffa6;
  padding: 20px;
  border-radius: 30px;
  border: unset;
  width: 100%;
  height: 130px;
  width: 90% !important;
  !i;!;}

textarea {
}

input[type="text"] {
}

.lokasyondivv {
  font-family: "Arsenal", sans-serif;
  font-weight: 600;
  margin-top: 30px;
  color: #604A42;
  font-size: 30px;
  letter-spacing: 3px;
  border-top: 1px solid #604A42;
  border-bottom: 1px solid #604A42;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

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

.footercenter div ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  cursor: pointer;
  margin-right: -30px;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
}

.footercenter div ul li:nth-child(1) {
  width: 100%;
  margin-top: 36px;
  text-align: center;
}

.footercenter div ul li a {
  color: var(--bg);
  /* width: 30%; */
  /* display: inline-block; */
  vertical-align: top;
  /* width: 30%; */
  /* text-align: left; */
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  line-height: 30px;
}

.footercenter div ul li:nth-child(2) a .footercontent {
  /* display: inline-block; */
  /* vertical-align: top; */
  /* margin: 6px; */
  color: var(--bg);
  font-family: 'Inter', sans-serif;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  letter-spacing: 3px;
}

.footermenu {
  /* text-align: center; */
  display: block;
  margin-top: 10px;
  margin-bottom: 160px;
}

.footerbaslik {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: var(--bg);
}

.footercontent {
  /* font-family: 'Montserrat', sans-serif; */
  font-weight: 300;
  margin-top: 17px;
}

.footercontainer {
  margin-top: 60px;
  display: none;
}

.footerimg {
  width: 100%;
  position: relative;
  left: -120px;
  transition: all 1.6s;
}

.followus {
  color: var(--bg);
  font-weight: 200;
  font-family: 'Open Sans', sans-serif;
}

.textcenter {
  color: var(--fff);
  font-weight: 200;
  font-family: 'Open Sans', sans-serif;
  background: #355d28;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contactButtonSvg {
  position: relative;
  right: -244px;
  bottom: -111.9px;
  transform: rotate(240deg);
  width: 30px;
  z-index: 1;
}

.contact-diagonal-button {
  font-size: 16px;
  background: var(--backgroundfff);
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Kanit", sans-serif;
  position: relative;
  height: 50px;
  padding: 0;
  border: 0;
  text-align: center;
  font-weight: 500;
  margin: 0px auto;
  transform: skew(30deg);
  width: 230px;
  left: 15px;
  transition: all 0.5s;
  color: #29471F;
}

.contact-diagonal-button:hover {
  background: #BC7D20;
  color: var(--fff);
}

.contactbuttondiv:hover {
  background: #BC7D20;
  color: var(--fff);
}

.contactbuttondiv {
  margin-top: 30px;
  width: 260px;
  position: relative;
  cursor: pointer;
  transform: skew(-30deg);
  border: 2px solid #BC7D20;
  z-index: 2;
  transition: all 0.5s;
}

.contactbuttondiv:hover {
  background: #BC7D20;
  color: var(--fff);
}

.mainButtonSvg {
  position: relative;
  right: -244px;
  bottom: -111.9px;
  transform: rotate(240deg);
  width: 30px;
  z-index: 1;
}

.main-diagonal-button {
  font-size: 16px;
  background: var(--backgroundfff);
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: "Kanit", sans-serif;
  position: relative;
  height: 50px;
  padding: 0;
  border: 0;
  text-align: center;
  font-weight: 500;
  margin: 0px auto;
  transform: skew(30deg);
  width: 230px;
  left: 15px;
  transition: all 0.3s;
  color: #29471F;
}

.main-diagonal-button:hover {
  background: #BC7D20;
  color: var(--fff);
}

.mainbuttondiv:hover {
  background: #BC7D20;
  color: var(--fff);
}

.mainbuttondiv {
  margin-top: 30px;
  width: 260px;
  position: relative;
  cursor: pointer;
  transform: skew(-30deg);
  border: 2px solid #BC7D20;
  z-index: 2;
  transition: all 0.3s;
  background: var(--backgroundfff);
}

.mainbuttondiv:hover {
  background: #BC7D20;
  color: var(--fff);
}

.referans-slider .owl-nav {
  width: 100% !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  z-index: 10;
}

.referans-slider .owl-nav [class*=owl-] {
  color: #0C4B6F !important;
  background: white !important;
  font-size: 25px !important;
  cursor: pointer;
  border-radius: 50% !important;
  display: flex !important;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  position: static;
  float: none;
}

/* ========== PAKETLER SECTION ========== */
.paket-listesi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  padding: 20px 0;
}

.paket-item {
  background: var(--bg);
  border: 1px solid rgba(128, 128, 128, 0.2);
  border-radius: 16px;
  padding: 30px;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.paket-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.paket-item.one-cikan {
  border: 2px solid #0C4B6F;
  background: linear-gradient(135deg, rgba(12, 75, 111, 0.05) 0%, transparent 100%);
}

.paket-header {
  text-align: center;
  margin-bottom: 20px;
}

.paket-ikon {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paket-ikon img,
.paket-ikon svg {
  max-width: 100%;
  max-height: 100%;
}

.paket-ad {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 5px;
}

.paket-altbaslik {
  font-size: 0.9rem;
  color: #888;
}

.paket-body {
  flex: 1;
}

.paket-aciklama {
  color: var(--text);
  opacity: 0.8;
  margin-bottom: 20px;
  line-height: 1.6;
}

.paket-fiyat {
  text-align: center;
  margin: 20px 0;
  padding: 15px;
  background: rgba(128, 128, 128, 0.1);
  border-radius: 10px;
}

.paket-fiyat .fiyat {
  font-size: 2.5rem;
  font-weight: 700;
  color: #0C4B6F;
}

.paket-fiyat .birim {
  display: block;
  font-size: 0.9rem;
  color: #888;
}

.paket-fiyat .fiyat-ozel {
  font-size: 1.2rem;
  color: #0C4B6F;
  font-weight: 600;
}

.paket-ozellikler {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.paket-ozellikler li {
  padding: 8px 0;
  padding-left: 25px;
  position: relative;
  color: var(--text);
  border-bottom: 1px solid rgba(128, 128, 128, 0.1);
}

.paket-ozellikler li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #28a745;
  font-weight: bold;
}

.paket-footer {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.btn-paket-detay,
.btn-demo-talep {
  flex: 1;
  padding: 12px 20px;
  text-align: center;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-paket-detay {
  background: transparent;
  border: 2px solid #0C4B6F;
  color: #0C4B6F;
}

.btn-paket-detay:hover {
  background: #0C4B6F;
  color: white;
}

.btn-demo-talep {
  background: #0C4B6F;
  color: white;
  border: 2px solid #0C4B6F;
}

.btn-demo-talep:hover {
  background: #083a57;
  border-color: #083a57;
}

.one-cikan-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #0C4B6F;
  color: white;
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
}

/* ========== BLOG SECTION ========== */
.blog-listesi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  padding: 20px 0;
}

.blog-item {
  background: var(--bg);
  border: 1px solid rgba(128, 128, 128, 0.2);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.blog-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.blog-gorsel {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: rgba(128, 128, 128, 0.1);
}

.blog-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-item:hover .blog-gorsel img {
  transform: scale(1.05);
}

.blog-icerik {
  padding: 20px;
}

.blog-meta {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  font-size: 0.85rem;
}

.blog-tarih {
  color: #888;
}

.blog-kategori {
  color: #0C4B6F;
  font-weight: 600;
}

.blog-baslik {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.4;
}

.blog-baslik a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.3s ease;
}

.blog-baslik a:hover {
  color: #0C4B6F;
}

.blog-ozet {
  color: var(--text);
  opacity: 0.8;
  line-height: 1.6;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-devami {
  color: #0C4B6F;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.blog-devami:hover {
  color: #083a57;
}

.blog-tumu {
  text-align: center;
  margin-top: 30px;
}

.btn-tum-bloglar {
  display: inline-block;
  padding: 15px 40px;
  background: #0C4B6F;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-tum-bloglar:hover {
  background: #083a57;
  transform: translateY(-2px);
}

/* =============================================
   ACIK TEMA - Quill inline renk override
   Quill editorden gelen inline color stillerini
   tema bazli override eder
   ============================================= */
[data-theme="light"] .modul-icerik *,
[data-theme="light"] .aciklamadiv *,
[data-theme="light"] .avegadiv *,
[data-theme="light"] .avegadivv *,
[data-theme="light"] .avegadivvv *,
[data-theme="light"] .hakkimizda-icerik *,
[data-theme="light"] .blog-icerik *,
[data-theme="light"] .sektor-aciklama * {
  color: inherit !important;
}
[data-theme="light"] .adresdiv *:not([style*="color"]) {
  color: inherit !important;
}

/* Acik temada genel metin renkleri */
[data-theme="light"] .adresdiv,
[data-theme="light"] .adresdiv p {
  color: #1a1a2e;
}

[data-theme="light"] .kurumsaldiv {
  color: #001F30;
}

[data-theme="light"] .atdiv,
[data-theme="light"] .atirnaak,
[data-theme="light"] .atdivv {
  color: #001F30;
}

[data-theme="light"] #section2 {
  background: #fff;
}

[data-theme="light"] #section3 {
  background: #f5f7fa;
}

/* =============================================
   Son Bloglar - Anasayfa (Blog tarzi kart)
   ============================================= */
.son-bloglar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 20px 0;
}

.son-blog-card {
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.son-blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}

.son-blog-card a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.son-blog-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.son-blog-img-placeholder {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.05);
}

.son-blog-body {
  padding: 18px;
}

.son-blog-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 12px;
}

.son-blog-kategori {
  background: rgba(255,78,42,0.15);
  color: #FF4E2A;
  padding: 3px 10px;
  border-radius: 20px;
  font-weight: 600;
}

.son-blog-date {
  color: var(--text, #e2e8f0);
  opacity: 0.6;
}

.son-blog-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text, #e2e8f0);
  line-height: 1.4;
  margin-bottom: 6px;
}

.son-blog-text {
  font-size: 13px;
  color: var(--text, #e2e8f0);
  opacity: 0.7;
  line-height: 1.5;
}

[data-theme="light"] .son-blog-card {
  background: #fff;
  border-color: #e0e0e0;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

@media (max-width: 992px) {
  .son-bloglar-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
  .son-bloglar-grid { grid-template-columns: 1fr; }
  .son-blog-img { height: 180px; }
}