@charset "UTF-8";
@import url("./base/variables.css");
@import url("./tool/swiper-bundle.min.css");
.header .avada-row {
  padding: 0;
  overflow: hidden;
}
.header .avada-row .logo {
  display: flex;
  justify-content: center;
  padding-block: calc(var(--1) * 25);
}
.header .avada-row .logo .normal_logo {
  width: calc(var(--1) * 455);
}
.header .menu {
  width: 100%;
  height: calc(var(--1) * 41);
  background-color: #a37c38;
}
.header .menu .container {
  max-width: calc(var(--1) * 1100);
  margin: 0 auto;
  height: 100%;
}
.header .menu .container ul {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--1) * 45);
  color: var(--white);
  position: relative;
}
.header .menu .container ul li {
  font-size: calc(var(--1) * 14);
  display: inline-block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  height: 100%;
}
.header .menu .container ul li a {
  box-sizing: content-box;
  display: flex;
  align-items: center;
  height: 100%;
}
.header .menu .container ul li .sub-menu {
  width: -moz-max-content;
  width: max-content;
  height: auto;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  gap: 0;
  background-color: #a37c38;
  border-top: 1px solid #fff;
  z-index: 9999;
}
.header .menu .container ul li .sub-menu li {
  justify-content: left;
  width: 100%;
  padding: calc(var(--1) * 7) calc(var(--1) * 20);
  border-bottom: 1px solid #fff;
  position: relative;
}
.header .menu .container ul li .sub-menu li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.header .menu .container ul li:hover .sub-menu {
  display: flex;
}
.header .menu .container ul .lang {
  color: #333333;
}
.header .menu .container ul .lang .active {
  color: #fff;
}
.header .mobileHeader {
  display: none;
}

.footer {
  width: 100%;
  padding-top: calc(var(--1) * 18);
  padding-bottom: calc(var(--1) * 16);
  background-color: #333333;
  z-index: 5;
  height: calc(var(--1) * 90);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 12);
}
.footer .container {
  max-width: calc(var(--1) * 1100);
  margin: 0 auto;
  height: 100%;
}
.footer .container .copyright-area-content {
  height: 100%;
}
.footer .container .copyright-area-content .copyright {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.footer .container .copyright-area-content .copyright .copyright-center {
  width: calc(var(--1) * 300);
}
.footer .container .copyright-area-content .copyright .copyright-center img {
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  .header .avada-row {
    padding: 0;
    overflow: hidden;
  }
  .header .avada-row .logo {
    display: flex;
    justify-content: center;
    padding-block: calc(var(--dsm-1) * 25);
  }
  .header .avada-row .logo .normal_logo {
    width: calc(var(--dsm-1) * 455);
  }
  .header .menu {
    display: none;
  }
  .header .mobileHeader {
    max-width: 95%;
    margin-inline: auto;
    height: auto;
    padding-inline: calc(var(--dsm-1) * 20);
    display: flex;
    flex-direction: column;
    background-color: #a37c38;
  }
  .header .mobileHeader .group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f9f9f9;
    padding-block: calc(var(--dsm-1) * 5);
  }
  .header .mobileHeader .group h6 {
    font-size: calc(var(--dsm-1) * 18);
    line-height: calc(var(--dsm-1) * 31);
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding-left: calc(var(--dsm-1) * 10);
    font-weight: normal;
  }
  .header .mobileHeader .group .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dadada;
    height: calc(var(--dsm-1) * 25);
    padding: calc(var(--dsm-1) * 5);
    margin-right: calc(var(--dsm-1) * 10);
    cursor: pointer;
  }
  .header .mobileHeader .group .hamburger span {
    background-color: #dadada;
    width: calc(var(--dsm-1) * 20);
    height: calc(var(--dsm-1) * 3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease;
    margin: 0 auto;
  }
  .header .mobileHeader .mobile-menu {
    display: none;
  }
  .header .mobileHeader .mobile-menu ul {
    border-top: 1px solid #dbdbdb;
  }
  .header .mobileHeader .mobile-menu ul li {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dbdbdb;
    padding-inline: calc(var(--dsm-1) * 10);
    padding-block: calc(var(--dsm-1) * 5);
    font-size: calc(var(--dsm-1) * 18);
    line-height: calc(var(--dsm-1) * 31);
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .header .mobileHeader .mobile-menu ul li:hover {
    background-color: #f6f6f6;
  }
  .header .mobileHeader .mobile-menu ul li .dropdown-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header .mobileHeader .mobile-menu ul li .dropdown-block .image {
    height: 100%;
  }
  .header .mobileHeader .mobile-menu ul li .dropdown-block .image img {
    width: auto;
    height: calc(var(--dsm-1) * 8);
    margin-right: calc(var(--dsm-1) * 10);
  }
  .header .mobileHeader .mobile-menu ul .dropdown .sub-menu {
    display: none;
  }
  .header .mobileHeader .mobile-menu ul .active .sub-menu {
    display: block;
  }
  .header .mobileHeader .mobile-menu ul .active .sub-menu li {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dbdbdb;
    padding-inline: calc(var(--dsm-1) * 0);
    padding-block: calc(var(--dsm-1) * 5);
    font-size: calc(var(--dsm-1) * 18);
    line-height: calc(var(--dsm-1) * 31);
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .header .mobileHeader .mobile-menu ul .lang {
    color: #333333;
    justify-content: flex-end;
    padding-right: calc(var(--dsm-1) * 20);
  }
  .header .mobileHeader .mobile-menu ul .lang .active {
    color: #a37c38;
  }
  .footer {
    width: 100%;
    padding-top: calc(var(--dsm-1) * 18);
    padding-bottom: calc(var(--dsm-1) * 16);
    background-color: #333333;
    z-index: 5;
    height: auto;
    font-size: calc(var(--dsm-1) * 12);
  }
  .footer .container {
    max-width: calc(var(--dsm-1) * 1100);
    margin: 0 auto;
    height: 100%;
  }
  .footer .container .copyright-area-content {
    height: 100%;
  }
  .footer .container .copyright-area-content .copyright {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    row-gap: calc(var(--dsm-1) * 10);
    color: #fff;
  }
  .footer .container .copyright-area-content .copyright .copyright-right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer .container .copyright-area-content .copyright .copyright-center {
    width: calc(var(--dsm-1) * 300);
  }
  .footer .container .copyright-area-content .copyright .copyright-center img {
    width: 100%;
  }
}
.form-content .content {
  padding: calc(var(--1) * 25) calc(var(--1) * 0) calc(var(--1) * 40);
}
.form-content .content h2 {
  color: #a37c38;
  font-size: calc(var(--1) * 16);
  font-weight: bold;
  margin-bottom: calc(var(--1) * 20);
}
.form-content .content p {
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 26);
  text-align: justify;
  color: #747474;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.form-content .content p span {
  color: #a37c38;
}
.form-content .content h3 {
  color: #a37c38;
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 26);
  font-weight: normal;
}
.form-content .content .form .form-site .name,
.form-content .content .form .form-site .surname,
.form-content .content .form .form-site .tcNo,
.form-content .content .form .form-site .telNo,
.form-content .content .form .form-site .e-posta,
.form-content .content .form .form-site .kepAdres,
.form-content .content .form .form-site .adres,
.form-content .content .form .form-site .gsi,
.form-content .content .form .form-site .konu,
.form-content .content .form .form-site .kvk,
.form-content .content .form .form-site .basvuruDate,
.form-content .content .form .form-site .imza {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  color: #747474;
}
.form-content .content .form .form-site .name textarea,
.form-content .content .form .form-site .surname textarea,
.form-content .content .form .form-site .tcNo textarea,
.form-content .content .form .form-site .telNo textarea,
.form-content .content .form .form-site .e-posta textarea,
.form-content .content .form .form-site .kepAdres textarea,
.form-content .content .form .form-site .adres textarea,
.form-content .content .form .form-site .gsi textarea,
.form-content .content .form .form-site .konu textarea,
.form-content .content .form .form-site .kvk textarea,
.form-content .content .form .form-site .basvuruDate textarea,
.form-content .content .form .form-site .imza textarea {
  resize: none;
}
.form-content .content .form .form-site .name .form-special-css,
.form-content .content .form .form-site .surname .form-special-css,
.form-content .content .form .form-site .tcNo .form-special-css,
.form-content .content .form .form-site .telNo .form-special-css,
.form-content .content .form .form-site .e-posta .form-special-css,
.form-content .content .form .form-site .kepAdres .form-special-css,
.form-content .content .form .form-site .adres .form-special-css,
.form-content .content .form .form-site .gsi .form-special-css,
.form-content .content .form .form-site .konu .form-special-css,
.form-content .content .form .form-site .kvk .form-special-css,
.form-content .content .form .form-site .basvuruDate .form-special-css,
.form-content .content .form .form-site .imza .form-special-css {
  width: 100%;
  padding: calc(var(--1) * 10) calc(var(--1) * 5) calc(var(--1) * 10) calc(var(--1) * 20);
  border: 1px solid #adabab;
  border-radius: calc(var(--1) * 5);
}
.form-content .content .form .checkbox1 {
  width: 100%;
  display: flex;
  gap: calc(var(--1) * 10);
  margin-bottom: calc(var(--1) * 20);
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  color: #747474;
}
.form-content .content .form .checkbox1 .checkbox {
  background-color: initial;
  cursor: default;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  margin: calc(var(--1) * 3) calc(var(--1) * 3) calc(var(--1) * 3) calc(var(--1) * 4);
  padding: initial;
  border: initial;
}
.form-content .content .form .checkbox2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--1) * 10);
  margin-bottom: calc(var(--1) * 20);
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  color: #747474;
}
.form-content .content .form .checkbox2 .checkLabel {
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 10);
}
.form-content .content .form .checkbox2 .checkbox {
  background-color: initial;
  cursor: default;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  margin: calc(var(--1) * 3) calc(var(--1) * 3) calc(var(--1) * 3) calc(var(--1) * 4);
  padding: initial;
  border: initial;
}
.form-content .content .form .submit .form-submit {
  color: #fff;
  background-color: #a37c38;
  border-radius: calc(var(--1) * 2);
  padding: calc(var(--1) * 10);
  margin-top: calc(var(--1) * 20);
  outline: none;
  border: 1px solid #a37c38;
  font-size: calc(var(--1) * 14);
  cursor: pointer;
  transition: all 0.5s ease;
}
.form-content .content .form .submit .form-submit:hover {
  background-color: #fff;
  color: #a37c38;
  border: 1px solid #a37c38;
}

@media only screen and (max-width: 767.98px) {
  .form-content .content {
    padding: calc(var(--dsm-1) * 25) calc(var(--dsm-1) * 0) calc(var(--dsm-1) * 40);
  }
  .form-content .content h2 {
    color: #a37c38;
    font-size: calc(var(--dsm-1) * 16);
    font-weight: bold;
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .form-content .content p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 26);
    text-align: justify;
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .form-content .content p span {
    color: #a37c38;
  }
  .form-content .content h3 {
    color: #a37c38;
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 26);
    font-weight: normal;
  }
  .form-content .content .form .form-site .name,
  .form-content .content .form .form-site .surname,
  .form-content .content .form .form-site .tcNo,
  .form-content .content .form .form-site .telNo,
  .form-content .content .form .form-site .e-posta,
  .form-content .content .form .form-site .kepAdres,
  .form-content .content .form .form-site .adres,
  .form-content .content .form .form-site .gsi,
  .form-content .content .form .form-site .konu,
  .form-content .content .form .form-site .kvk,
  .form-content .content .form .form-site .basvuruDate,
  .form-content .content .form .form-site .imza {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    color: #747474;
  }
  .form-content .content .form .form-site .name textarea,
  .form-content .content .form .form-site .surname textarea,
  .form-content .content .form .form-site .tcNo textarea,
  .form-content .content .form .form-site .telNo textarea,
  .form-content .content .form .form-site .e-posta textarea,
  .form-content .content .form .form-site .kepAdres textarea,
  .form-content .content .form .form-site .adres textarea,
  .form-content .content .form .form-site .gsi textarea,
  .form-content .content .form .form-site .konu textarea,
  .form-content .content .form .form-site .kvk textarea,
  .form-content .content .form .form-site .basvuruDate textarea,
  .form-content .content .form .form-site .imza textarea {
    resize: none;
  }
  .form-content .content .form .form-site .name .form-special-css,
  .form-content .content .form .form-site .surname .form-special-css,
  .form-content .content .form .form-site .tcNo .form-special-css,
  .form-content .content .form .form-site .telNo .form-special-css,
  .form-content .content .form .form-site .e-posta .form-special-css,
  .form-content .content .form .form-site .kepAdres .form-special-css,
  .form-content .content .form .form-site .adres .form-special-css,
  .form-content .content .form .form-site .gsi .form-special-css,
  .form-content .content .form .form-site .konu .form-special-css,
  .form-content .content .form .form-site .kvk .form-special-css,
  .form-content .content .form .form-site .basvuruDate .form-special-css,
  .form-content .content .form .form-site .imza .form-special-css {
    width: 100%;
    padding: calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 5) calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 20);
    border: 1px solid #adabab;
    border-radius: calc(var(--dsm-1) * 5);
  }
  .form-content .content .form .checkbox1 {
    width: 100%;
    display: flex;
    gap: calc(var(--dsm-1) * 10);
    margin-bottom: calc(var(--dsm-1) * 20);
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    color: #747474;
  }
  .form-content .content .form .checkbox1 .checkbox {
    background-color: initial;
    cursor: default;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    box-sizing: border-box;
    margin: calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 4);
    padding: initial;
    border: initial;
  }
  .form-content .content .form .checkbox2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--dsm-1) * 10);
    margin-bottom: calc(var(--dsm-1) * 20);
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    color: #747474;
  }
  .form-content .content .form .checkbox2 .checkLabel {
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 10);
  }
  .form-content .content .form .checkbox2 .checkbox {
    background-color: initial;
    cursor: default;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
    box-sizing: border-box;
    margin: calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 3) calc(var(--dsm-1) * 4);
    padding: initial;
    border: initial;
  }
  .form-content .content .form .submit .form-submit {
    color: #fff;
    background-color: #a37c38;
    border-radius: calc(var(--dsm-1) * 2);
    padding: calc(var(--dsm-1) * 10);
    margin-top: calc(var(--dsm-1) * 20);
    outline: none;
    border: 1px solid #a37c38;
    font-size: calc(var(--dsm-1) * 14);
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .form-content .content .form .submit .form-submit:hover {
    background-color: #fff;
    color: #a37c38;
    border: 1px solid #a37c38;
  }
}
.homePage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.homePage .banner {
  width: 100%;
  height: calc(var(--1) * 230);
  margin-bottom: calc(var(--1) * 20);
  box-shadow: 0 10px 6px -6px #777;
}
.homePage .banner .swiper {
  width: 100%;
  height: 100%;
}
.homePage .banner .swiper .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homePage .banner .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.homePage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.homePage .content .left-content {
  padding-right: calc(var(--1) * 20);
  padding-top: calc(var(--1) * 20);
}
.homePage .content .left-content h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  border-bottom: 2px solid var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 26);
}
.homePage .content .left-content p {
  margin-bottom: calc(var(--1) * 26);
  font-size: calc(var(--1) * 14);
  color: #747474;
}
.homePage .content .right-sidebar .cartvizit {
  box-sizing: border-box;
  width: calc(var(--1) * 260);
  height: calc(var(--1) * 86);
  border-radius: calc(var(--1) * 10);
  margin-bottom: calc(var(--1) * 10);
  display: flex;
  align-items: center;
  position: relative;
  padding-inline: calc(var(--1) * 10);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.homePage .content .right-sidebar .cartvizit .circle {
  width: calc(var(--1) * 70);
  height: calc(var(--1) * 70);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.homePage .content .right-sidebar .cartvizit .circle .circle-box {
  width: calc(var(--1) * 60);
  height: calc(var(--1) * 60);
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homePage .content .right-sidebar .cartvizit .circle .circle-box h4 {
  font-size: calc(var(--1) * 12);
}
.homePage .content .right-sidebar .cartvizit .bg {
  height: 0;
  width: calc(var(--1) * 66);
  border-bottom: calc(var(--1) * 86) solid #a37c38;
  border-right: calc(var(--1) * 40) solid transparent;
  border-radius: calc(var(--1) * 10) 0 0 calc(var(--1) * 10);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.homePage .content .right-sidebar .cartvizit .ciftRenk {
  border-bottom: calc(var(--1) * 86) solid #333333 !important;
}
.homePage .content .right-sidebar .cartvizit .Cart-content {
  flex: 1;
  height: calc(var(--1) * 70);
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding-left: calc(var(--1) * 4);
  color: #747474;
}
.homePage .content .right-sidebar .cartvizit .Cart-content h2 {
  font-size: calc(var(--1) * 12);
}
.homePage .content .right-sidebar .cartvizit .Cart-content p {
  font-size: calc(var(--1) * 10);
}
.homePage .content .right-sidebar .cartvizit .Cart-content p span {
  font-weight: bold;
}
.homePage .slider {
  margin-top: calc(var(--1) * 20);
}
.homePage .slider .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: calc(var(--1) * 50);
}
.homePage .slider .swiper .swiper-pagination-bullet-active {
  color: #a37c38;
  background-color: #a37c38;
  border-radius: 30px;
  width: 20px;
}
.homePage .slider .swiper .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homePage .slider .swiper .swiper-slide .card {
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 10);
}
.homePage .slider .swiper .swiper-slide .card img {
  width: calc(var(--1) * 252);
  height: calc(var(--1) * 160);
  border-radius: calc(var(--1) * 18);
}
.homePage .slider .swiper .swiper-slide .card .title a {
  color: #a37c38;
}
.homePage .slider .swiper .swiper-slide .card .title a h2 {
  font-size: calc(var(--1) * 16);
  color: #a37c38;
}
.homePage .slider .swiper .swiper-slide .card .title a:hover {
  text-decoration: underline;
}
.homePage .slider .swiper .swiper-slide .card p {
  font-size: calc(var(--1) * 14);
  color: #747474;
}

@media only screen and (max-width: 767.98px) {
  .homePage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
  }
  .homePage .banner {
    width: 100%;
    height: calc(var(--dsm-1) * 230);
    margin-bottom: calc(var(--dsm-1) * 20);
    box-shadow: 0 10px 6px -6px #777;
  }
  .homePage .banner .swiper {
    width: 100%;
    height: 100%;
  }
  .homePage .banner .swiper .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .homePage .banner .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .homePage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .homePage .content .left-content {
    padding-right: calc(var(--dsm-1) * 20);
    padding-top: calc(var(--dsm-1) * 20);
  }
  .homePage .content .left-content h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    border-bottom: 2px solid var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 26);
  }
  .homePage .content .left-content p {
    margin-bottom: calc(var(--dsm-1) * 26);
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
  }
  .homePage .content .right-sidebar .cartvizit {
    box-sizing: border-box;
    width: 100%;
    height: calc(var(--dsm-1) * 86);
    border-radius: calc(var(--dsm-1) * 10);
    margin-bottom: calc(var(--dsm-1) * 10);
    display: flex;
    align-items: center;
    position: relative;
    padding-inline: calc(var(--dsm-1) * 10);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .homePage .content .right-sidebar .cartvizit .circle {
    width: calc(var(--dsm-1) * 70);
    height: calc(var(--dsm-1) * 70);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  }
  .homePage .content .right-sidebar .cartvizit .circle .circle-box {
    width: calc(var(--dsm-1) * 60);
    height: calc(var(--dsm-1) * 60);
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .homePage .content .right-sidebar .cartvizit .circle .circle-box h4 {
    font-size: calc(var(--dsm-1) * 12);
  }
  .homePage .content .right-sidebar .cartvizit .bg {
    height: 0;
    width: calc(var(--dsm-1) * 66);
    border-bottom: calc(var(--dsm-1) * 86) solid #a37c38;
    border-right: calc(var(--dsm-1) * 40) solid transparent;
    border-radius: calc(var(--dsm-1) * 10) 0 0 calc(var(--dsm-1) * 10);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .homePage .content .right-sidebar .cartvizit .ciftRenk {
    border-bottom: calc(var(--dsm-1) * 86) solid #333333 !important;
  }
  .homePage .content .right-sidebar .cartvizit .Cart-content {
    flex: 1;
    height: calc(var(--dsm-1) * 70);
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding-left: calc(var(--dsm-1) * 4);
    color: #747474;
  }
  .homePage .content .right-sidebar .cartvizit .Cart-content h2 {
    font-size: calc(var(--dsm-1) * 12);
  }
  .homePage .content .right-sidebar .cartvizit .Cart-content p {
    font-size: calc(var(--dsm-1) * 10);
  }
  .homePage .content .right-sidebar .cartvizit .Cart-content p span {
    font-weight: bold;
  }
  .homePage .slider {
    margin-top: calc(var(--dsm-1) * 20);
  }
  .homePage .slider .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: calc(var(--dsm-1) * 50);
  }
  .homePage .slider .swiper .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .homePage .slider .swiper .swiper-slide .card {
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 10);
  }
  .homePage .slider .swiper .swiper-slide .card img {
    width: calc(var(--dsm-1) * 252);
    height: calc(var(--dsm-1) * 160);
    border-radius: calc(var(--dsm-1) * 18);
  }
  .homePage .slider .swiper .swiper-slide .card .title a {
    color: #a37c38;
  }
  .homePage .slider .swiper .swiper-slide .card .title a h2 {
    font-size: calc(var(--dsm-1) * 16);
    color: #a37c38;
  }
  .homePage .slider .swiper .swiper-slide .card .title a:hover {
    text-decoration: underline;
  }
  .homePage .slider .swiper .swiper-slide .card p {
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
  }
}
.aydinlatma-Page {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  color: #747474;
}
.aydinlatma-Page .post-content h2 {
  font-size: calc(var(--1) * 14);
  margin-bottom: calc(var(--1) * 20);
}
.aydinlatma-Page .post-content h3 {
  font-size: calc(var(--1) * 14);
  margin-bottom: calc(var(--1) * 20);
  margin-left: calc(var(--1) * 20);
}
.aydinlatma-Page .post-content p {
  font-size: calc(var(--1) * 14);
  margin-bottom: calc(var(--1) * 20);
}
.aydinlatma-Page .post-content p a {
  color: #a37c38;
}
.aydinlatma-Page .post-content ul {
  margin-bottom: calc(var(--1) * 20);
}
.aydinlatma-Page .post-content ul li {
  margin-left: calc(var(--1) * 40);
  font-size: calc(var(--1) * 14);
  overflow-x: visible;
}

@media only screen and (max-width: 767.98px) {
  .aydinlatma-Page {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    color: #747474;
  }
  .aydinlatma-Page .post-content h2 {
    font-size: calc(var(--dsm-1) * 14);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .aydinlatma-Page .post-content h3 {
    font-size: calc(var(--dsm-1) * 14);
    margin-bottom: calc(var(--dsm-1) * 20);
    margin-left: calc(var(--dsm-1) * 20);
  }
  .aydinlatma-Page .post-content p {
    font-size: calc(var(--dsm-1) * 14);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .aydinlatma-Page .post-content p a {
    color: #a37c38;
  }
  .aydinlatma-Page .post-content ul {
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .aydinlatma-Page .post-content ul li {
    margin-left: calc(var(--dsm-1) * 40);
    font-size: calc(var(--dsm-1) * 14);
    overflow-x: visible;
  }
}
.contactPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.contactPage .content {
  height: calc(var(--1) * 650);
  width: 100%;
  position: relative;
}
.contactPage .content img {
  width: 100%;
  height: 100%;
}
.contactPage .content .custom-card {
  max-width: calc(var(--1) * 375);
  height: auto;
  background-color: rgba(0, 0, 0, 0.48);
  position: absolute;
  right: calc(var(--1) * 50);
  top: calc(var(--1) * 50);
  z-index: 99;
  border-radius: calc(var(--1) * 5);
  padding: calc(var(--1) * 25);
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 20);
}
.contactPage .content .custom-card p {
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #fff;
}
.contactPage .content .custom-card p span {
  color: #a37c38;
  font-weight: bold;
}
.contactPage .content .custom-card .button_map {
  width: -moz-max-content;
  width: max-content;
  padding-left: calc(var(--1) * 26);
  padding-right: calc(var(--1) * 26);
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  padding-top: calc(var(--1) * 15);
  padding-bottom: calc(var(--1) * 15);
  margin-block: calc(var(--1) * 20);
  background: #a37c38;
  color: #fff;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 767.98px) {
  .contactPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .contactPage .content {
    height: auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--dsm-1) * 20);
  }
  .contactPage .content img {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .contactPage .content .custom-card {
    width: 100%;
    max-width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.48);
    position: relative;
    right: calc(var(--dsm-1) * 0);
    top: calc(var(--dsm-1) * 0);
    z-index: 99;
    border-radius: calc(var(--dsm-1) * 5);
    padding: calc(var(--dsm-1) * 25);
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 20);
  }
  .contactPage .content .custom-card p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
  }
  .contactPage .content .custom-card p span {
    color: #a37c38;
    font-weight: bold;
  }
  .contactPage .content .custom-card .button_map {
    width: -moz-max-content;
    width: max-content;
    padding-left: calc(var(--dsm-1) * 26);
    padding-right: calc(var(--dsm-1) * 26);
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    padding-top: calc(var(--dsm-1) * 15);
    padding-bottom: calc(var(--dsm-1) * 15);
    margin-block: calc(var(--dsm-1) * 20);
    background: #a37c38;
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
}
.aboutPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.aboutPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.aboutPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
}
.aboutPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.aboutPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  padding-block: calc(var(--1) * 14);
}
.aboutPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.aboutPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.aboutPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.aboutPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.aboutPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .aboutPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .aboutPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .aboutPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) * 202);
  }
  .aboutPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .aboutPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    padding-block: calc(var(--dsm-1) * 14);
  }
  .aboutPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .aboutPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .aboutPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .aboutPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .aboutPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.vizyon-misyonPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.vizyon-misyonPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.vizyon-misyonPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.vizyon-misyonPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.vizyon-misyonPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.vizyon-misyonPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.vizyon-misyonPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.vizyon-misyonPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.vizyon-misyonPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.vizyon-misyonPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.vizyon-misyonPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .vizyon-misyonPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .vizyon-misyonPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .vizyon-misyonPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .vizyon-misyonPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .vizyon-misyonPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .vizyon-misyonPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .vizyon-misyonPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .vizyon-misyonPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .vizyon-misyonPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .vizyon-misyonPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .vizyon-misyonPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.degerlerimizPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.degerlerimizPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.degerlerimizPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.degerlerimizPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.degerlerimizPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.degerlerimizPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.degerlerimizPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.degerlerimizPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.degerlerimizPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.degerlerimizPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.degerlerimizPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .degerlerimizPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .degerlerimizPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .degerlerimizPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .degerlerimizPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .degerlerimizPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .degerlerimizPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .degerlerimizPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .degerlerimizPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .degerlerimizPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .degerlerimizPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .degerlerimizPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.calısma-alanlarıPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.calısma-alanlarıPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.calısma-alanlarıPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanlarıPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.calısma-alanlarıPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanlarıPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanlarıPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.calısma-alanlarıPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.calısma-alanlarıPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.calısma-alanlarıPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.calısma-alanlarıPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .calısma-alanlarıPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .calısma-alanlarıPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .calısma-alanlarıPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanlarıPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .calısma-alanlarıPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanlarıPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanlarıPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .calısma-alanlarıPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .calısma-alanlarıPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .calısma-alanlarıPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .calısma-alanlarıPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.calısma-alanları-detayPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.calısma-alanları-detayPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.calısma-alanları-detayPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanları-detayPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.calısma-alanları-detayPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanları-detayPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.calısma-alanları-detayPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.calısma-alanları-detayPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .calısma-alanları-detayPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .calısma-alanları-detayPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .calısma-alanları-detayPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanları-detayPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .calısma-alanları-detayPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanları-detayPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .calısma-alanları-detayPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .calısma-alanları-detayPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .calısma-alanları-detayPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.makalelerPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.makalelerPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.makalelerPage .content .leftContent .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: calc(var(--1) * 20);
  row-gap: calc(var(--1) * 50);
}
.makalelerPage .content .leftContent .row .makaleBox {
  width: calc(var(--1) * 135);
}
.makalelerPage .content .leftContent .row .makaleBox .image {
  width: 100%;
}
.makalelerPage .content .leftContent .row .makaleBox .image img {
  width: 135px;
  height: 135px;
}
.makalelerPage .content .leftContent .row .makaleBox .info {
  width: 90%;
  height: calc(var(--1) * 80);
  margin: 0 auto;
  margin-bottom: calc(var(--1) * 10);
  margin-top: calc(var(--1) * 10);
  display: flex;
  align-items: center;
}
.makalelerPage .content .leftContent .row .makaleBox .info h4 {
  height: 100%;
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  overflow: hidden;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  color: #a37c38;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
}
.makalelerPage .content .leftContent .row .makaleBox .button {
  width: 90%;
  text-align: center;
}
.makalelerPage .content .leftContent .row .makaleBox .button a {
  font-size: calc(var(--1) * 16);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #a37c38;
  font-weight: bold;
}
.makalelerPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
  font-weight: bold;
}
.makalelerPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.makalelerPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.makalelerPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.makalelerPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .makalelerPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .makalelerPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .makalelerPage .content .leftContent .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 50);
    row-gap: calc(var(--dsm-1) * 50);
  }
  .makalelerPage .content .leftContent .row .makaleBox {
    width: calc(var(--dsm-1) * 135);
  }
  .makalelerPage .content .leftContent .row .makaleBox .image {
    width: 100%;
  }
  .makalelerPage .content .leftContent .row .makaleBox .image img {
    width: 100%;
    height: 135px;
  }
  .makalelerPage .content .leftContent .row .makaleBox .info {
    width: 90%;
    height: calc(var(--dsm-1) * 80);
    margin: 0 auto;
    margin-bottom: calc(var(--dsm-1) * 10);
    margin-top: calc(var(--dsm-1) * 10);
    display: flex;
    align-items: center;
  }
  .makalelerPage .content .leftContent .row .makaleBox .info h4 {
    height: 100%;
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    overflow: hidden;
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    color: #a37c38;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
  }
  .makalelerPage .content .leftContent .row .makaleBox .button {
    width: 90%;
    text-align: center;
  }
  .makalelerPage .content .leftContent .row .makaleBox .button a {
    font-size: calc(var(--dsm-1) * 16);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #a37c38;
    font-weight: bold;
  }
  .makalelerPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
    font-weight: bold;
  }
  .makalelerPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .makalelerPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .makalelerPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .makalelerPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.makale-detayPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.makale-detayPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.makale-detayPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.makale-detayPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.makale-detayPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.makale-detayPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.makale-detayPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
  font-weight: bold;
}
.makale-detayPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.makale-detayPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.makale-detayPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.makale-detayPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .makale-detayPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .makale-detayPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .makale-detayPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .makale-detayPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .makale-detayPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .makale-detayPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .makale-detayPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
    font-weight: bold;
  }
  .makale-detayPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .makale-detayPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .makale-detayPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .makale-detayPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.yargi-kararlariPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.yargi-kararlariPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.yargi-kararlariPage .content .leftContent .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: calc(var(--1) * 20);
  row-gap: calc(var(--1) * 50);
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox {
  width: calc(var(--1) * 135);
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .image {
  width: 100%;
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .image img {
  width: 100%;
  height: 135px;
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .info {
  width: 90%;
  height: calc(var(--1) * 80);
  margin: 0 auto;
  margin-bottom: calc(var(--1) * 10);
  margin-top: calc(var(--1) * 10);
  display: flex;
  align-items: center;
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .info h4 {
  height: 100%;
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  overflow: hidden;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  color: #a37c38;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: center;
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .button {
  width: 90%;
  text-align: center;
}
.yargi-kararlariPage .content .leftContent .row .yargıtayBox .button a {
  font-size: calc(var(--1) * 16);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #a37c38;
  font-weight: bold;
}
.yargi-kararlariPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.yargi-kararlariPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.yargi-kararlariPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.yargi-kararlariPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.yargi-kararlariPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .yargi-kararlariPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .yargi-kararlariPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .yargi-kararlariPage .content .leftContent .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    gap: calc(var(--dsm-1) * 20);
    row-gap: calc(var(--dsm-1) * 50);
    margin-bottom: calc(var(--dsm-1) * 50);
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox {
    width: calc(var(--dsm-1) * 135);
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .image {
    width: 100%;
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .image img {
    width: 100%;
    height: 135px;
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .info {
    width: 90%;
    height: calc(var(--dsm-1) * 80);
    margin: 0 auto;
    margin-bottom: calc(var(--dsm-1) * 10);
    margin-top: calc(var(--dsm-1) * 10);
    display: flex;
    align-items: center;
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .info h4 {
    height: 100%;
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    overflow: hidden;
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    color: #a37c38;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .button {
    width: 90%;
    text-align: center;
  }
  .yargi-kararlariPage .content .leftContent .row .yargıtayBox .button a {
    font-size: calc(var(--dsm-1) * 16);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #a37c38;
    font-weight: bold;
  }
  .yargi-kararlariPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .yargi-kararlariPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .yargi-kararlariPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .yargi-kararlariPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .yargi-kararlariPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.yargi-kararlari-detayPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.yargi-kararlari-detayPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.yargi-kararlari-detayPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.yargi-kararlari-detayPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.yargi-kararlari-detayPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.yargi-kararlari-detayPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.yargi-kararlari-detayPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.yargi-kararlari-detayPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 30);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  gap: calc(var(--1) * 10);
}
.yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 8);
}

@media only screen and (max-width: 767.98px) {
  .yargi-kararlari-detayPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .yargi-kararlari-detayPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .yargi-kararlari-detayPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .yargi-kararlari-detayPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .yargi-kararlari-detayPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .yargi-kararlari-detayPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .yargi-kararlari-detayPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .yargi-kararlari-detayPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 30);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    gap: calc(var(--dsm-1) * 10);
  }
  .yargi-kararlari-detayPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 8);
  }
}
.ekibimizPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.ekibimizPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ekibimizPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.ekibimizPage .content .leftContent .banner img {
  width: 100%;
  height: 100%;
}
.ekibimizPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.ekibimizPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.ekibimizPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.ekibimizPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 15);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.ekibimizPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.ekibimizPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 10);
  color: #a37c38;
}
.ekibimizPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 40);
  height: calc(var(--1) * 40);
  border-radius: 50%;
}

@media only screen and (max-width: 767.98px) {
  .ekibimizPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .ekibimizPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ekibimizPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ekibimizPage .content .leftContent .banner img {
    width: 100%;
    height: 100%;
  }
  .ekibimizPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ekibimizPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ekibimizPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .ekibimizPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 15);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .ekibimizPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .ekibimizPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 10);
    color: #a37c38;
  }
  .ekibimizPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 40);
    height: calc(var(--dsm-1) * 40);
    border-radius: 50%;
  }
}
.ekibimizDetayPage {
  padding-block: calc(var(--1) * 40);
  height: 100%;
  width: 100%;
}
.ekibimizDetayPage .content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  -moz-column-gap: calc(var(--1) * 50);
       column-gap: calc(var(--1) * 50);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ekibimizDetayPage .content .leftContent .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: calc(var(--1) * 20);
  position: relative;
  overflow: hidden;
  border-radius: calc(var(--1) * 10);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img {
  border-right: 3px solid #a37c38;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .image {
  width: calc(var(--1) * 130);
  height: calc(var(--1) * 130);
  border-radius: 50%;
  overflow: hidden;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(163, 124, 56) 100%);
  padding: calc(var(--1) * 3);
  display: flex;
  align-items: center;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .image img {
  width: 100%;
  border-radius: 50%;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info {
  flex: 1;
  padding-inline: calc(var(--1) * 10);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info h3 {
  color: #383838;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 16);
  font-weight: 700;
  margin-bottom: calc(var(--1) * 3);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info span {
  color: #747474;
  line-height: calc(var(--1) * 20);
  font-size: calc(var(--1) * 14);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin-bottom: calc(var(--1) * 3);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info a {
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 13);
  font-weight: 600;
  color: #a37c38;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content {
  padding-inline: calc(var(--1) * 10);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: calc(var(--1) * 10);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim,
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris {
  display: flex;
  width: 100%;
  font-size: calc(var(--1) * 13);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim p,
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris p {
  line-height: calc(var(--1) * 20);
  font-size: calc(var(--1) * 11);
  color: #4c4c4c;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim h5,
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris h5 {
  min-width: calc(var(--1) * 60);
  color: #747474;
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content table {
  width: 100%;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content table tr td {
  padding-inline: 5px;
}
.ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content table tr td:nth-child(1) {
  display: flex;
}
.ekibimizDetayPage .content .leftContent .banner::after {
  background: #a37c38;
  content: "";
  height: 180px;
  left: -130px;
  position: absolute;
  top: -15px;
  transform: rotate(80deg);
  width: 250px;
  z-index: -1;
}
.ekibimizDetayPage .content .leftContent h2 {
  width: -moz-max-content;
  width: max-content;
  color: var(--titleYellow);
  font-size: calc(var(--1) * 20);
  line-height: calc(var(--1) * 21);
  margin-bottom: calc(var(--1) * 20);
}
.ekibimizDetayPage .content .leftContent .text p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: calc(var(--1) * 14);
  color: #747474;
  text-align: justify;
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
}
.ekibimizDetayPage .content .rightContent ul .active {
  box-shadow: #a37c38 calc(var(--1) * 5) 0px 0px 0px inset;
}
.ekibimizDetayPage .content .rightContent ul li {
  font-size: calc(var(--1) * 14);
  padding: calc(var(--1) * 10) 0 calc(var(--1) * 10) calc(var(--1) * 15);
  border: calc(var(--1) * 1) solid #ededed;
  overflow: hidden;
}
.ekibimizDetayPage .content .rightContent ul li:not(:first-child) {
  border-top: 0;
}
.ekibimizDetayPage .content .rightContent ul li:not(:first-child) a {
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 10);
  color: #a37c38;
}
.ekibimizDetayPage .content .rightContent ul li:not(:first-child) a img {
  width: calc(var(--1) * 40);
  height: calc(var(--1) * 40);
  border-radius: 50%;
}

@media only screen and (max-width: 767.98px) {
  .ekibimizDetayPage {
    padding-block: calc(var(--dsm-1) * 40);
    height: 100%;
    width: 100%;
  }
  .ekibimizDetayPage .content {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: calc(var(--dsm-1) * 50);
         column-gap: calc(var(--dsm-1) * 50);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ekibimizDetayPage .content .leftContent .banner {
    width: 100%;
    height: calc(var(--dsm-1) * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: calc(var(--dsm-1) * 20);
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--dsm-1) * 10);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img {
    border-right: none;
    border-bottom: 3px solid #a37c38;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(var(--dsm-1) * 10);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .image {
    width: calc(var(--dsm-1) / 2 * 130);
    height: calc(var(--dsm-1) / 2 * 130);
    border-radius: 50%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(163, 124, 56) 100%);
    padding: calc(var(--dsm-1) * 3);
    display: flex;
    align-items: center;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .image img {
    width: 100%;
    border-radius: 50%;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info {
    padding-inline: calc(var(--dsm-1) * 10);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info h3 {
    color: #383838;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 16);
    font-weight: 700;
    margin-bottom: calc(var(--dsm-1) * 3);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info span {
    color: #747474;
    line-height: calc(var(--dsm-1) * 20);
    font-size: calc(var(--dsm-1) * 14);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin-bottom: calc(var(--dsm-1) * 3);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_img .avatar_info a {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 13);
    font-weight: 600;
    color: #a37c38;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content {
    padding-inline: calc(var(--dsm-1) * 10);
    padding-top: calc(var(--dsm-1) * 10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: calc(var(--dsm-1) * 10);
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim,
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris {
    display: flex;
    width: 100%;
    font-size: calc(var(--dsm-1) * 13);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim p,
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris p {
    line-height: calc(var(--dsm-1) * 12);
    font-size: calc(var(--dsm-1) * 9);
    color: #4c4c4c;
  }
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .egitim h5,
  .ekibimizDetayPage .content .leftContent .banner .avatar_box .avatar_content .giris h5 {
    min-width: calc(var(--dsm-1) * 60);
    color: #747474;
    font-size: calc(var(--dsm-1) * 9);
    line-height: calc(var(--dsm-1) * 12);
  }
  .ekibimizDetayPage .content .leftContent .banner::after {
    background: #a37c38;
    content: "";
    height: calc(var(--dsm-1) * 180);
    left: calc(var(--dsm-1) * -130);
    position: absolute;
    top: calc(var(--dsm-1) * -70);
    transform: rotate(80deg);
    width: 250px;
    z-index: -1;
    display: none;
  }
  .ekibimizDetayPage .content .leftContent h2 {
    width: -moz-max-content;
    width: max-content;
    color: var(--titleYellow);
    font-size: calc(var(--dsm-1) * 20);
    line-height: calc(var(--dsm-1) * 21);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ekibimizDetayPage .content .leftContent .text p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: calc(var(--dsm-1) * 14);
    color: #747474;
    text-align: justify;
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ekibimizDetayPage .content .rightContent ul .active {
    box-shadow: #a37c38 calc(var(--dsm-1) * 5) 0px 0px 0px inset;
  }
  .ekibimizDetayPage .content .rightContent ul li {
    font-size: calc(var(--dsm-1) * 14);
    padding: calc(var(--dsm-1) * 10) 0 calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 15);
    border: calc(var(--dsm-1) * 1) solid #ededed;
    overflow: hidden;
  }
  .ekibimizDetayPage .content .rightContent ul li:not(:first-child) {
    border-top: 0;
  }
  .ekibimizDetayPage .content .rightContent ul li:not(:first-child) a {
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 10);
    color: #a37c38;
  }
  .ekibimizDetayPage .content .rightContent ul li:not(:first-child) a img {
    width: calc(var(--dsm-1) * 40);
    height: calc(var(--dsm-1) * 40);
    border-radius: 50%;
  }
}
.ik-content .content {
  padding: calc(var(--1) * 25) calc(var(--1) * 0) calc(var(--1) * 40);
}
.ik-content .content .banner {
  width: 100%;
  height: calc(var(--1) * 202);
  margin-bottom: calc(var(--1) * 20);
}
.ik-content .content .banner img {
  width: 100%;
  height: 100%;
}
.ik-content .content .akordeon {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(var(--1) * 20);
}
.ik-content .content .akordeon .bolum {
  padding-block: calc(var(--1) * 10);
  border-bottom: 1px solid #e5e4e3;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 10);
  color: #333333;
  font-size: calc(var(--1) * 13);
  line-height: calc(var(--1) * 22);
  font-weight: normal;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ik-content .content .akordeon .bolum .plus {
  padding: calc(var(--1) * 10);
  background-color: #333333;
  color: #fff;
  font-weight: bold;
  font-size: calc(var(--1) * 13);
  width: calc(var(--1) * 22);
  height: calc(var(--1) * 22);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ik-content .content .akordeon .bolum .minus {
  padding: calc(var(--1) * 10);
  background-color: #333333;
  color: #fff;
  font-weight: bold;
  font-size: calc(var(--1) * 13);
  width: calc(var(--1) * 22);
  height: calc(var(--1) * 22);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ik-content .content .akordeon .bolum:hover {
  color: #a37c38;
}
.ik-content .content .akordeon .bolum:hover .plus,
.ik-content .content .akordeon .bolum:hover .minus {
  background-color: #a37c38;
}
.ik-content .content .akordeon .icerik {
  display: none;
  padding: calc(var(--1) * 10);
}
.ik-content .content .akordeon .icerik p {
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
  text-align: justify;
  color: #747474;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ik-content .content h2 {
  color: #a37c38;
  font-size: calc(var(--1) * 16);
  font-weight: bold;
  margin-bottom: calc(var(--1) * 20);
}
.ik-content .content p {
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 26);
  text-align: justify;
  color: #747474;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ik-content .content p span {
  color: #a37c38;
}
.ik-content .content h3 {
  color: #a37c38;
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 26);
  font-weight: normal;
}
.ik-content .content .form .form-site .name,
.ik-content .content .form .form-site .surname,
.ik-content .content .form .form-site .telNo,
.ik-content .content .form .form-site .e-posta,
.ik-content .content .form .form-site .okul,
.ik-content .content .form .form-site .okul2,
.ik-content .content .form .form-site .sınıf,
.ik-content .content .form .form-site .konum,
.ik-content .content .form .form-site .özgeçmiş,
.ik-content .content .form .form-site .önyazı {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 20);
  margin-bottom: calc(var(--1) * 20);
  font-size: calc(var(--1) * 14);
  line-height: calc(var(--1) * 20);
  color: #747474;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.ik-content .content .form .form-site .name .form-special-css,
.ik-content .content .form .form-site .surname .form-special-css,
.ik-content .content .form .form-site .telNo .form-special-css,
.ik-content .content .form .form-site .e-posta .form-special-css,
.ik-content .content .form .form-site .okul .form-special-css,
.ik-content .content .form .form-site .okul2 .form-special-css,
.ik-content .content .form .form-site .sınıf .form-special-css,
.ik-content .content .form .form-site .konum .form-special-css,
.ik-content .content .form .form-site .özgeçmiş .form-special-css,
.ik-content .content .form .form-site .önyazı .form-special-css {
  width: 100%;
  padding: calc(var(--1) * 10) calc(var(--1) * 5) calc(var(--1) * 10) calc(var(--1) * 20);
  border: 1px solid #adabab;
  border-radius: calc(var(--1) * 5);
}
.ik-content .content .form .submit .form-submit {
  color: #fff;
  background-color: #a37c38;
  border-radius: calc(var(--1) * 2);
  padding: calc(var(--1) * 10);
  margin-top: calc(var(--1) * 20);
  outline: none;
  border: 1px solid #a37c38;
  font-size: calc(var(--1) * 14);
  cursor: pointer;
  transition: all 0.5s ease;
}
.ik-content .content .form .submit .form-submit:hover {
  background-color: #fff;
  color: #a37c38;
  border: 1px solid #a37c38;
}

@media only screen and (max-width: 767.98px) {
  .ik-content .content {
    padding: calc(var(--dsm-1) * 25) calc(var(--dsm-1) * 0) calc(var(--dsm-1) * 40);
  }
  .ik-content .content .banner {
    width: 100%;
    height: calc(var(--dsm-1) / 2 * 202);
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ik-content .content .banner img {
    width: 100%;
    height: 100%;
  }
  .ik-content .content .akordeon {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ik-content .content .akordeon .bolum {
    padding-block: calc(var(--dsm-1) * 10);
    border-bottom: 1px solid #e5e4e3;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: calc(var(--dsm-1) * 10);
    color: #333333;
    font-size: calc(var(--dsm-1) * 13);
    line-height: calc(var(--dsm-1) * 22);
    font-weight: normal;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ik-content .content .akordeon .bolum .plus {
    padding: calc(var(--dsm-1) * 10);
    background-color: #333333;
    color: #fff;
    font-weight: bold;
    font-size: calc(var(--dsm-1) * 13);
    width: calc(var(--dsm-1) * 22);
    height: calc(var(--dsm-1) * 22);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ik-content .content .akordeon .bolum .minus {
    padding: calc(var(--dsm-1) * 10);
    background-color: #333333;
    color: #fff;
    font-weight: bold;
    font-size: calc(var(--dsm-1) * 13);
    width: calc(var(--dsm-1) * 22);
    height: calc(var(--dsm-1) * 22);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ik-content .content .akordeon .bolum:hover {
    color: #a37c38;
  }
  .ik-content .content .akordeon .bolum:hover .plus,
  .ik-content .content .akordeon .bolum:hover .minus {
    background-color: #a37c38;
  }
  .ik-content .content .akordeon .icerik {
    display: none;
    padding: calc(var(--dsm-1) * 10);
  }
  .ik-content .content .akordeon .icerik p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
    text-align: justify;
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ik-content .content h2 {
    color: #a37c38;
    font-size: calc(var(--dsm-1) * 16);
    font-weight: bold;
    margin-bottom: calc(var(--dsm-1) * 20);
  }
  .ik-content .content p {
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 26);
    text-align: justify;
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ik-content .content p span {
    color: #a37c38;
  }
  .ik-content .content h3 {
    color: #a37c38;
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 26);
    font-weight: normal;
  }
  .ik-content .content .form .form-site .name,
  .ik-content .content .form .form-site .surname,
  .ik-content .content .form .form-site .telNo,
  .ik-content .content .form .form-site .e-posta,
  .ik-content .content .form .form-site .okul,
  .ik-content .content .form .form-site .okul2,
  .ik-content .content .form .form-site .sınıf,
  .ik-content .content .form .form-site .konum,
  .ik-content .content .form .form-site .özgeçmiş,
  .ik-content .content .form .form-site .önyazı {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--dsm-1) * 20);
    margin-bottom: calc(var(--dsm-1) * 20);
    font-size: calc(var(--dsm-1) * 14);
    line-height: calc(var(--dsm-1) * 20);
    color: #747474;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
  }
  .ik-content .content .form .form-site .name .form-special-css,
  .ik-content .content .form .form-site .surname .form-special-css,
  .ik-content .content .form .form-site .telNo .form-special-css,
  .ik-content .content .form .form-site .e-posta .form-special-css,
  .ik-content .content .form .form-site .okul .form-special-css,
  .ik-content .content .form .form-site .okul2 .form-special-css,
  .ik-content .content .form .form-site .sınıf .form-special-css,
  .ik-content .content .form .form-site .konum .form-special-css,
  .ik-content .content .form .form-site .özgeçmiş .form-special-css,
  .ik-content .content .form .form-site .önyazı .form-special-css {
    width: 100%;
    padding: calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 5) calc(var(--dsm-1) * 10) calc(var(--dsm-1) * 20);
    border: 1px solid #adabab;
    border-radius: calc(var(--dsm-1) * 5);
  }
  .ik-content .content .form .submit .form-submit {
    color: #fff;
    background-color: #a37c38;
    border-radius: calc(var(--dsm-1) * 2);
    padding: calc(var(--dsm-1) * 10);
    margin-top: calc(var(--dsm-1) * 20);
    outline: none;
    border: 1px solid #a37c38;
    font-size: calc(var(--dsm-1) * 14);
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .ik-content .content .form .submit .form-submit:hover {
    background-color: #fff;
    color: #a37c38;
    border: 1px solid #a37c38;
  }
}
.page-title {
  width: 100%;
  background-color: #d2d3d4;
  height: calc(var(--1) * 60);
}
.page-title .page-title-container {
  max-width: calc(var(--1) * 1100);
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-title .page-title-container .page-title-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-title .page-title-container .page-title-content .page-title-captions h1 {
  max-width: calc(var(--1) * 550);
  font-size: calc(var(--1) * 22);
  font-weight: normal;
  line-height: normal;
  color: #333333;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: capitalize;
}
.page-title .page-title-container .page-title-content .breadcrumbs {
  max-width: calc(var(--1) * 550);
  display: flex;
}
.page-title .page-title-container .page-title-content .breadcrumbs li {
  font-size: calc(var(--1) * 14);
  color: #333333;
  margin-left: calc(var(--1) * 5);
}

@media only screen and (max-width: 767.98px) {
  .page-title {
    width: 100%;
    background-color: #d2d3d4;
    height: auto;
    margin-top: calc(var(--dsm-1) * 20);
  }
  .page-title .page-title-container {
    max-width: calc(var(--dsm-1) * 1100);
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .page-title .page-title-container .page-title-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .page-title .page-title-container .page-title-content .page-title-captions {
    width: 100%;
    padding-block: calc(var(--dsm-1) * 15);
    text-align: center;
  }
  .page-title .page-title-container .page-title-content .page-title-captions h1 {
    width: 100%;
    max-width: calc(var(--dsm-1) * 550);
    font-size: calc(var(--dsm-1) * 3 / 4 * 22);
    font-weight: bold;
    line-height: normal;
    color: #333333;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: capitalize;
  }
  .page-title .page-title-container .page-title-content .breadcrumbs {
    max-width: 100%;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-block: calc(var(--dsm-1) * 15);
    background-color: #ededed;
  }
  .page-title .page-title-container .page-title-content .breadcrumbs li {
    font-size: calc(var(--dsm-1) * 14);
    color: #333333;
    margin-left: calc(var(--dsm-1) * 5);
  }
}/*# sourceMappingURL=style.css.map */