@charset "UTF-8";
:root {
  --mavi: #132252;
  --mavih: #273c81;
  --turuncu: #F7904B;
  --turuncuh: #ffac74;
  --gri: #EBF0F9;
  /*--font: "Fira Sans", sans-serif;*/
  --font: "Lota", sans-serif;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

html {
  scroll-behavior: smooth;
}

body {
}
@media (max-width: 576px) {
  body {
  }
}

html,
body {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  height: 100%;
  font-weight: 400;
  background: #fff;
}

img {
  display: block;
}

input,
textarea,
select {
  font-family: "Roboto", sans-serif;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bg {
  background-position: center center !important;
  background-attachment: scroll !important;
  background-size: cover !important;
}

svg {
  width: 1em;
  height: 1em;
  display: block;
}

.header {
  height: 130px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  position: relative;
  z-index: 999;
}
@media (max-width: 1400px) {
  .header {
    height: 100px;
  }
}
@media (max-width: 576px) {
  .header {
    height: 80px;
    padding: 0 20px;
  }
}

.logo img {
  max-width: 191px;
}
@media (max-width: 576px) {
  .logo img {
    max-width: 170px;
  }
}

.mac {
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 0;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  margin-left: 20px;
}
@media (max-width: 1500px) {
  .mac {
    display: flex;
  }
}
@media (max-width: 576px) {
  .mac {
    margin-left: auto;
  }
}
.mac em {
  width: 27px;
  height: 3px;
  background-color: var(--mavi);
}

.menu {
  margin-left: 60px;
  height: 100%;
}
@media (max-width: 1700px) {
  .menu {
    margin-left: 40px;
  }
}
@media (max-width: 1500px) {
  .menu {
    display: none;
  }
}
.menu ul {
  display: flex;
  gap: 36px;
  white-space: nowrap;
  height: 100%;
}
@media (max-width: 1700px) {
  .menu ul {
    gap: 30px;
  }
}
.menu ul li {
  position: relative;
  height: 100%;
}
.menu ul li::before {
  content: "";
  width: 0;
  height: 5px;
  border-radius: 3px;
  background-color: var(--turuncu);
  position: absolute;
  left: 0;
  bottom: 35px;
  transition: 300ms width;
}
.menu ul li::after {
  content: "";
  width: 0;
  height: 5px;
  border-radius: 3px;
  background-color: var(--turuncu);
  position: absolute;
  left: 0;
  bottom: 35px;
  transition: 300ms width, 300ms left;
}
.menu ul li a {
  font-size: 17px;
  font-weight: 500;
  color: var(--mavi);
  text-transform: uppercase;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1700px) {
  .menu ul li a {
    font-size: 15px;
  }
}
.menu ul li ul {
  position: absolute;
  flex-direction: column;
  gap: 0;
  left: 0;
  top: 110%;
  border-radius: 15px;
  box-shadow: 0px 27px 26px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 20px 0;
  opacity: 0;
  pointer-events: none;
  transition: 300ms opacity, 300ms top;
  height: auto;
}
.menu ul li ul::before {
  content: "";
  border: 11px solid transparent;
  border-bottom: 11px solid #fff;
  position: absolute;
  left: 25px;
  bottom: 100%;
}
.menu ul li ul li {
  height: auto;
}
.menu ul li ul li::before {
  display: none;
}
.menu ul li ul li::after {
  display: none;
}
.menu ul li ul li a {
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
  padding: 8px 80px 8px 32px;
  position: relative;
  height: auto;
}
.menu ul li ul li a::before {
  content: "";
  width: 0;
  height: 19px;
  background-color: var(--turuncu);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 300ms width;
}
.menu ul li ul li a:hover::before {
  width: 9px;
}
.menu ul li ul li.aktif a::before {
  width: 9px;
}
.menu ul li:hover::before {
  width: 17px;
}
.menu ul li:hover::after {
  width: 8px;
  left: 21px;
}
.menu ul li:hover ul {
  pointer-events: all;
  opacity: 1;
  top: 90%;
}
.menu ul li.aktif::before {
  width: 17px;
}
.menu ul li.aktif::after {
  width: 8px;
  left: 21px;
}

.anaslider {
  margin-top: -130px;
  position: relative;
}
@media (max-width: 1400px) {
  .anaslider {
    margin-top: -100px;
  }
}
@media (max-width: 576px) {
  .anaslider {
    margin-top: -80px;
  }
}
.anaslider .swiper-pagination {
  bottom: 38px;
}
@media (max-width: 1400px) {
  .anaslider .swiper-pagination {
    bottom: 20px;
  }
}
.anaslider .swiper-pagination .swiper-pagination-bullet {
  width: 31px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--mavi);
  opacity: 0.15;
  transition: 300ms all;
}
@media (max-width: 1400px) {
  .anaslider .swiper-pagination .swiper-pagination-bullet {
    height: 4px;
  }
}
.anaslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--turuncu);
  width: 48px;
}

.buton {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px 0 30px;
  cursor: pointer;
  transition: 300ms all;
}
@media (max-width: 1400px) {
  .buton {
    height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .buton {
    height: 40px;
    font-size: 15px;
  }
}
.buton svg {
  font-size: 24px;
}
@media (max-width: 576px) {
  .buton svg {
    font-size: 20px;
  }
}
.buton.mavi {
  background-color: var(--mavi);
  color: #fff;
}
.buton.mavi:hover {
  background-color: var(--mavih);
}
.buton.beyaz {
  background-color: #fff;
  color: var(--mavi);
}
.buton.beyaz:hover {
  color: var(--turuncu);
}
.buton.turuncu {
  background-color: var(--turuncu);
  color: #fff;
}
.buton.turuncu:hover {
  background-color: var(--turuncuh);
}
.buton.border {
  border: 1px solid var(--mavi);
  color: var(--mavi);
  box-shadow: 0 0 0 #000;
}
.buton.border:hover {
  border-color: var(--turuncu);
  color: var(--turuncu);
}
.buton.sag {
  border-radius: 30px 0 30px 30px;
}
.buton.sol {
  border-radius: 0 30px 30px 30px;
}

.ekip {
  gap: 10px;
  margin-left: auto;
  padding: 0 30px 0 20px;
  font-size: 16px;
}
@media (max-width: 1700px) {
  .ekip {
    font-size: 15px;
    height: 50px;
    padding: 0 20px 0 15px;
  }
}
@media (max-width: 768px) {
  .ekip {
    display: none;
  }
}
.ekip svg {
  font-size: 22px;
  color: var(--turuncu);
}

.musteri {
  gap: 10px;
  padding: 0 30px 0 25px;
  margin-left: 20px;
  font-size: 16px;
}
@media (max-width: 1700px) {
  .musteri {
    font-size: 15px;
    height: 50px;
    padding: 0 20px 0 15px;
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .musteri {
    margin-left: auto;
  }
}
@media (max-width: 576px) {
  .musteri {
    display: none;
  }
}
.musteri svg {
  font-size: 22px;
}

.play {
  padding: 0;
  width: 60px;
}
@media (max-width: 576px) {
  .play {
    width: 50px !important;
    flex-shrink: 0;
  }
}
.play svg {
  font-size: 27px;
}
@media (max-width: 576px) {
  .play svg {
    font-size: 20px;
  }
}

.asic {
  display: flex;
  height: 810px;
  padding-top: 130px;
}
@media (max-width: 1400px) {
  .asic {
    padding-top: 100px;
    height: 600px;
  }
}
@media (max-width: 992px) {
  .asic {
    flex-direction: column;
    height: 792px;
    padding-top: 150px;
  }
}
@media (max-width: 576px) {
  .asic {
    padding-top: 110px;
  }
}
.asic .asic-sol {
  width: 42.7%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 155px;
  position: relative;
  padding-bottom: 70px;
}
@media (max-width: 1400px) {
  .asic .asic-sol {
    padding-left: 120px;
    width: 47%;
    padding-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .asic .asic-sol {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media (max-width: 768px) {
  .asic .asic-sol {
    padding: 0 25px;
  }
}
.asic .asic-sol .asic-title {
  font-size: 65px;
  font-family: var(--font);
  font-weight: 600;
  color: var(--mavi);
  max-width: 590px;
  line-height: 1.2;
}
@media (max-width: 1400px) {
  .asic .asic-sol .asic-title {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .asic .asic-sol .asic-title {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .asic .asic-sol .asic-title {
    font-size: 36px;
  }
}
.asic .asic-sol .asic-title b {
  font-weight: 700;
  color: var(--turuncu);
}
.asic .asic-sol p {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 11px;
  max-width: 590px;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .asic .asic-sol p {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .asic .asic-sol p {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .asic .asic-sol p {
    font-size: 16px;
    line-height: 1.4;
  }
}
.asic .asic-sol .asic-butons {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .asic .asic-sol .asic-butons {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .asic .asic-sol .asic-butons {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .asic .asic-sol .asic-butons {
    margin-top: 25px;
    gap: 10px;
  }
  .asic .asic-sol .asic-butons a {
    width: 100%;
  }
}
.asic .asic-sol .asic-kose {
  position: absolute;
  left: 0;
  top: 51px;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .asic .asic-sol .asic-kose {
    max-width: 95px;
    top: 30px;
  }
}
@media (max-width: 992px) {
  .asic .asic-sol .asic-kose {
    max-width: 75px;
    top: 0;
  }
}
@media (max-width: 576px) {
  .asic .asic-sol .asic-kose {
    display: none;
  }
}
.asic .asic-sag {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .asic .asic-sag {
    height: auto;
    justify-content: center;
  }
}
.asic .asic-sag img {
  max-height: 100%;
  max-width: 100%;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .asic .asic-sag img {
    max-height: 95%;
  }
}
@media (max-width: 992px) {
  .asic .asic-sag img {
    max-height: 450px;
  }
}

.asic-sembol {
  position: absolute;
  left: 0;
  top: 100%;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 576px) {
  .asic-sembol{
    display: none;
  }
}
.asic-sembol svg {
  width: 255px;
  height: 153px;
}
@media (max-width: 1400px) {
  .asic-sembol svg {
    width: 200px;
    height: 120px;
  }
}
@media (max-width: 992px) {
  .asic-sembol svg {
    width: 150px;
    height: 90px;
  }
}
@media (max-width: 576px) {
  .asic-sembol svg {
    width: 90px;
    height: 54px;
  }
}

.asi {
  width: 60px;
  height: 60px;
  background-color: var(--turuncu);
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  border-radius: 0 30px 30px 30px;
  color: #fff;
  font-size: 37px;
  transition: 300ms background-color;
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1400px) {
  .asi {
    width: 50px;
    height: 50px;
    font-size: 30px;
    right: 20px;
  }
}
@media (max-width: 768px) {
  .asi {
    display: none;
  }
}
.asi:hover {
  background-color: var(--turuncuh);
}
.asi.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.asg {
  width: 60px;
  height: 60px;
  background-color: var(--turuncu);
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  border-radius: 30px 0 30px 30px;
  color: #fff;
  font-size: 37px;
  transition: 300ms background-color;
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1400px) {
  .asg {
    width: 50px;
    height: 50px;
    font-size: 30px;
    left: 20px;
  }
}
@media (max-width: 768px) {
  .asg {
    display: none;
  }
}
.asg svg {
  transform: rotate(-180deg);
}
.asg:hover {
  background-color: var(--turuncuh);
}
.asg.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.alan {
  position: relative;
  padding: 80px 0 120px;
  z-index: 0;
}
@media (max-width: 1400px) {
  .alan {
    padding: 70px 0 90px;
  }
}
@media (max-width: 992px) {
  .alan {
    padding: 60px 0 80px;
  }
}
@media (max-width: 576px) {
  .alan {
    padding: 50px 0 60px;
  }
}

.bg-gri {
  background-color: var(--gri);
}

.baslik {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  flex-wrap: wrap;
}
@media (max-width: 1400px) {
  .baslik {
    margin-bottom: 65px;
  }
}
@media (max-width: 768px) {
  .baslik {
    margin-bottom: 55px;
  }
}
.baslik .baslik-title {
  position: relative;
  flex: 1;
  font-size: 36px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .baslik .baslik-title {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .baslik .baslik-title {
    font-size: 24px;
  }
}
.baslik p {
  width: 100%;
  margin-top: 50px;
  font-size: 20px;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .baslik p {
    font-size: 17px;
  }
}
@media (max-width: 992px) {
  .baslik p {
    font-size: 15px;
  }
}
.baslik p a {
  color: var(--turuncu);
  text-decoration: underline;
  font-weight: 700;
}
.baslik p a:hover {
  text-decoration: none;
}

.cizgi {
  position: relative;
}
.cizgi em {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  left: 0;
  top: calc(100% + 15px);
}
.cizgi em::before {
  content: "";
  width: 23px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
  transition: 300ms width;
}
@media (max-width: 768px) {
  .cizgi em::before {
    height: 4px;
  }
}
.cizgi em::after {
  content: "";
  width: 13px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
  transition: 300ms width;
}
@media (max-width: 768px) {
  .cizgi em::after {
    height: 4px;
  }
}

.tumu {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
  gap: 4px;
}
@media (max-width: 1400px) {
  .tumu {
    font-size: 16px;
    gap: 0;
  }
}
@media (max-width: 992px) {
  .tumu {
    font-size: 14px;
  }
}
.tumu svg {
  font-size: 34px;
  color: var(--turuncu);
}
@media (max-width: 1400px) {
  .tumu svg {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .tumu svg {
    font-size: 24px;
  }
}
.tumu:hover {
  color: var(--turuncu);
}

.sembol {
  position: absolute;
  pointer-events: none;
  user-select: none;
  top: 0;
  z-index: 1;
}
.sembol.sol {
  left: 0;
}
.sembol.sag {
  right: 0;
}
.sembol.beyaz svg {
  color: #fff;
}
.sembol.gri svg {
  color: var(--gri);
}
.sembol svg {
  width: 255px;
  height: 153px;
}
@media (max-width: 1400px) {
  .sembol svg {
    width: 200px;
    height: 120px;
  }
}
@media (max-width: 992px) {
  .sembol svg {
    width: 150px;
    height: 90px;
  }
}
@media (max-width: 576px) {
  .sembol svg {
    width: 90px;
    height: 54px;
  }
}

.ref-sembol {
  position: absolute;
  right: 125px;
  top: 50px;
  z-index: -1;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1400px) {
  .ref-sembol {
    right: 75px;
  }
}
@media (max-width: 992px) {
  .ref-sembol {
    right: 40px;
  }
}
@media (max-width: 576px) {
  .ref-sembol {
    right: 20px;
    top: 40px;
  }
}
.ref-sembol img {
  max-width: 270px;
}
@media (max-width: 1400px) {
  .ref-sembol img {
    max-width: 200px;
  }
}
@media (max-width: 992px) {
  .ref-sembol img {
    max-width: 150px;
  }
}
@media (max-width: 576px) {
  .ref-sembol img {
    max-width: 100px !important;
  }
}

.referanslar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 25px 15px;
}
@media (max-width: 992px) {
  .referanslar {
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .referanslar {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .referanslar {
    grid-template-columns: 1fr 1fr;
  }
}
.referanslar a {
  width: 100%;
  height: 145px;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14)!important;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 3px solid #fff;
  transition: 300ms border-color;
}
@media (max-width: 1400px) {
  .referanslar a {
    height: 130px;
  }
}
@media (max-width: 576px) {
  .referanslar a {
    height: 100px;
  }
  .referanslar a:nth-child(7), .referanslar a:nth-child(8), .referanslar a:nth-child(9), .referanslar a:nth-child(10) {
    display: none;
  }
}
.referanslar a img {
  max-width: 100%;
  max-height: 100%;
  opacity: 0.35;
  transition: 300ms opacity;
}
@media (max-width: 576px) {
  .referanslar a img {
    max-width: 70%;
    max-height: 70%;
  }
}
.referanslar a:hover {
  border-color: var(--turuncu);
}
.referanslar a:hover img {
  opacity: 1;
}

.butonlar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 65px;
}
@media (max-width: 1400px) {
  .butonlar {
    margin-top: 50px;
  }
}
@media (max-width: 576px) {
  .butonlar {
    margin-top: 40px;
  }
}

.ok {
  position: absolute;
  top: 0;
  pointer-events: none;
  user-select: none;
  z-index: -1;
}
@media (max-width: 576px) {
  .ok {
    display: none;
  }
}
.ok img {
  max-width: 31px;
}
@media (max-width: 1400px) {
  .ok img {
    max-width: 25px;
  }
}
@media (max-width: 992px) {
  .ok img {
    max-width: 20px;
  }
}
.ok.sol {
  left: 120px;
}
@media (max-width: 1400px) {
  .ok.sol {
    left: 40px;
  }
}
@media (max-width: 992px) {
  .ok.sol {
    left: 30px;
  }
}
.ok.sag {
  right: 120px;
}
@media (max-width: 1400px) {
  .ok.sag {
    right: 40px;
  }
}
@media (max-width: 992px) {
  .ok.sag {
    right: 30px;
  }
}

.hizmetlerimiz {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 24px;
}
@media (max-width: 992px) {
  .hizmetlerimiz {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .hizmetlerimiz {
    gap: 24px 0;
    width: 180%;
    padding: 0 20px;
  }
}
.hizmetlerimiz-box{
  width: 100%;
  overflow: auto;
}
@media (max-width: 576px) {
  .hizmetlerimiz-box{
    width: calc(100% + 26px);
    margin: 0 -13px -40px;
    padding-bottom: 60px;
  }
  .hizmetlerimiz-box::-webkit-scrollbar {
    -webkit-appearance: none;
  }  
  .hizmetlerimiz-box::-webkit-scrollbar:vertical {
    width: 0;
  }  
  .hizmetlerimiz-box::-webkit-scrollbar:horizontal {
    height: 0;
  }  
  .hizmetlerimiz-box::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0;
  }  
  .hizmetlerimiz-box::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: none;
  }
}

.hizmet {
  width: 100%;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 156px 15px 15px 15px;
  padding: 0 40px 60px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1400px) {
  .hizmet {
    border-radius: 130px 15px 15px 15px;
    padding: 0 30px 45px;
  }
}
@media (max-width: 576px) {
  .hizmet {
    width: 90%;
    flex-shrink: 0;
  }
}
.hizmet i {
  width: 100px;
  height: 100px;
  background-color: var(--turuncu);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 0 100% 100% 100%;
  margin-left: -40px;
  transition: 300ms transform;
}
@media (max-width: 1400px) {
  .hizmet i {
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
}
.hizmet .hizmet-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--mavi);
  line-height: 1.16;
  margin-top: 32px;
}
@media (max-width: 1400px) {
  .hizmet .hizmet-title {
    font-size: 24px;
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .hizmet .hizmet-title {
    font-size: 24px;
  }
}
.hizmet .hizmet-title em::before {
  height: 5px;
}
.hizmet .hizmet-title em::after {
  height: 5px;
}
.hizmet .hizmet-title a {
  color: var(--mavi);
}
.hizmet .hizmet-title a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.hizmet p {
  margin-top: 15px;
  font-size: 19px;
  line-height: 28px;
  max-height: 84px;
  /*overflow: hidden;*/
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .hizmet p {
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
  }
}
@media (max-width: 576px) {
  .hizmet p {
    font-size: 16px;
  }
}
.hizmet:hover i {
  transform: scale(0.85);
}

.cizgi-normal {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 6px;
}
.cizgi-normal::before {
  content: "";
  width: 23px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 4px;
  transition: 300ms width;
}
.cizgi-normal::after {
  content: "";
  width: 13px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 4px;
  transition: 300ms width;
}

.hakkimizda-sol {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 40px;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .hakkimizda-sol {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .hakkimizda-sol {
    margin-bottom: 30px;
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  .hakkimizda-sol {
    padding-left: 13px;
  }
}
.hakkimizda-sol .hakkimizda-ust-title {
  font-size: 30px;
  line-height: 1.2;
  font-family: var(--font);
  color: var(--turuncu);
  font-weight: 700;
}
@media (max-width: 1400px) {
  .hakkimizda-sol .hakkimizda-ust-title {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .hakkimizda-sol .hakkimizda-ust-title {
    font-size: 20px;
  }
}
.hakkimizda-sol .hakkimizda-title {
  font-size: 36px;
  line-height: 1.2;
  font-family: var(--font);
  color: var(--mavi);
  font-weight: 700;
  margin-top: 2px;
  margin-bottom: 5px;
}
@media (max-width: 1400px) {
  .hakkimizda-sol .hakkimizda-title {
    font-size: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .hakkimizda-sol .hakkimizda-title {
    font-size: 36px;
  }
}
.hakkimizda-sol p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--mavi);
  margin-top: 20px;
}
@media (max-width: 1400px) {
  .hakkimizda-sol p {
    font-size: 16px;
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .hakkimizda-sol p {
    font-size: 14px;
    line-height: 1.6;
  }
}
.hakkimizda-sol a {
  margin-top: 43px;
}
@media (max-width: 576px) {  
  .hakkimizda-sol a {
    /* margin-left: auto;
    margin-right: auto; */
  }
}

.hakkimizda-slider {
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}
@media (max-width: 576px) {
  .hakkimizda-slider {
    display: none;
  }
}
.hakkimizda-slider .swiper-pagination {
  bottom: 0;
}
.hakkimizda-slider .swiper-pagination .swiper-pagination-bullet {
  width: 31px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--mavi);
  opacity: 0.15;
  transition: 300ms all;
}
.hakkimizda-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--turuncu);
  width: 48px;
}


.hsic {
  padding-bottom: 117%;
  position: relative;
}
.hsic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.yol-harita {
  margin-top: 60px;
}

.yol-harita-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 45px 24px;
}
@media (max-width: 992px) {
  .yol-harita-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .yol-harita-list {
    grid-template-columns: 1fr;
    gap: 20px;
    display: flex;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 50px;
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding-top: 40px;
    margin-top: -30px;   
    padding-left: 15px; 
    padding-right: 15px;
  }
  .yol-harita-list::-webkit-scrollbar {
    -webkit-appearance: none;
  }  
  .yol-harita-list::-webkit-scrollbar:vertical {
    width: 0;
  }  
  .yol-harita-list::-webkit-scrollbar:horizontal {
    height: 0;
  }  
  .yol-harita-list::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0;
  }  
  .yol-harita-list::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: none;
  }
}

.yol {
  position: relative;
  border: 2px solid rgba(19, 34, 82, 0.11);
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 20px 76px 20px 20px;
  padding: 40px 35px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .yol {
    padding: 30px;
  }
}
@media (max-width: 576px) {
  .yol {
    width: 90%;
    flex-shrink: 0;
  }
}
.yol em {
  width: 56px;
  height: 56px;
  border-radius: 100% 100% 100% 0;
  background-color: var(--turuncu);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  right: 0;
  top: -15px;
}
@media (max-width: 1400px) {
  .yol em {
    width: 50px;
    height: 50px;
    top: -10px;
  }
}
.yol .yol-title {
  font-size: 25px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .yol .yol-title {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .yol .yol-title {
    font-size: 24px;
  }
}
.yol p {
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
  max-height: 87px;
  overflow: hidden;
  margin-top: 15px;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .yol p {
    font-size: 16px;
    line-height: 24px;
    max-height: 72px;
  }
}

.projeler {
  position: relative;
}

.proje-slider {
  overflow: hidden;
  padding-bottom: 60px;
}
.proje-slider .swiper-pagination {
  bottom: 0;
}
.proje-slider .swiper-pagination .swiper-pagination-bullet {
  width: 31px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--mavi);
  opacity: 0.15;
  transition: 300ms all;
}
.proje-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--turuncu);
  width: 48px;
}

.proje {
  background-color: #fff;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
  position: relative;
}
.proje .proje-logo {
  position: absolute;
  left: 20px;
  top: 15px;
}
.proje .proje-logo img {
  max-width: 185px;
  max-height: 80px;
}
@media (max-width: 992px) {
  .proje .proje-logo img {
    max-width: 130px;
  }
}
.proje .proje-resim {
  padding-bottom: 55.4012%;
  position: relative;
}
.proje .proje-resim::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px 20px 0 0;
  background-color: var(--mavi);
  opacity: 0;
  transition: 300ms opacity;
}
.proje .proje-resim img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.proje .proje-body {
  display: flex;
  flex-direction: column;
  padding: 30px 35px 35px;
}
@media (max-width: 1400px) {
  .proje .proje-body {
    padding: 20px 25px 25px;
  }
}
.proje .proje-body .proje-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 992px) {
  .proje .proje-body .proje-title {
    font-size: 20px;
  }
}
.proje .proje-body .proje-title a {
  color: var(--mavi);
  display: flex;
  align-items: center;
}
.proje .proje-body .proje-title a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.proje .proje-body .proje-title a em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  margin-top: 12px;
}
.proje .proje-body .proje-title a em::before {
  content: "";
  width: 23px;
  height: 5px;
  border-radius: 3px;
  background-color: var(--turuncu);
}
.proje .proje-body .proje-title a em::after {
  content: "";
  width: 13px;
  height: 5px;
  border-radius: 3px;
  background-color: var(--turuncu);
}
.proje .proje-body p {
  margin-top: 12px;
  font-size: 18px;
  line-height: 29px;
  max-height: 58px;
  overflow: hidden;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .proje .proje-body p {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
  }
}
@media (max-width: 992px) {
  .proje .proje-body p {
    font-size: 14px;
    line-height: 22px;
    max-height: 44px;
  }
}
.proje:hover .proje-resim::after {
  opacity: 0.1;
}

.psi {
  width: 60px;
  height: 60px;
  background-color: var(--turuncu);
  position: absolute;
  right: -30px;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  border-radius: 0 30px 30px 30px;
  color: #fff;
  font-size: 37px;
  transition: 300ms background-color;
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1400px) {
  .psi {
    width: 50px;
    height: 50px;
    font-size: 30px;
    right: -25px;
  }
}
@media (max-width: 576px) {
  .psi {
    right: -10px;
  }
}
.psi:hover {
  background-color: var(--turuncuh);
}
.psi.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.psg {
  width: 60px;
  height: 60px;
  background-color: var(--turuncu);
  position: absolute;
  left: -30px;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  border-radius: 30px 0 30px 30px;
  color: #fff;
  font-size: 37px;
  transition: 300ms background-color;
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1400px) {
  .psg {
    width: 50px;
    height: 50px;
    font-size: 30px;
    left: -25px;
  }
}
@media (max-width: 576px) {
  .psg {
    left: -10px;
  }
}
.psg svg {
  transform: rotate(-180deg);
}
.psg:hover {
  background-color: var(--turuncuh);
}
.psg.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.proje-sembol {
  position: absolute;
  left: 227px;
  z-index: -1;
  bottom: 120px;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .proje-sembol {
    left: 80px;
  }
}

.blog-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 992px) {
  .blog-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .blog-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 576px) {
  .blog-list{
    width: calc(100% + 26px);
    margin: 0 -13px -40px;
    padding-bottom: 60px;
    display: flex;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog-list::-webkit-scrollbar {
    -webkit-appearance: none;
  }  
  .blog-list::-webkit-scrollbar:vertical {
    width: 0;
  }  
  .blog-list::-webkit-scrollbar:horizontal {
    height: 0;
  }  
  .blog-list::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0;
  }  
  .blog-list::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: none;
  }
}

.blog {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
  position: relative;
}
@media (max-width: 576px) {
  .blog {
    width: 90%;
    flex-shrink: 0;
  }
}
.blog .blog-resim {
  padding-bottom: 61.3744%;
  position: relative;
}
.blog .blog-resim::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--mavi);
  opacity: 0;
  transition: 300ms opacity;
  border-radius: 20px 20px 0 0;
}
.blog .blog-resim img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.blog .blog-body {
  padding: 30px 35px 35px;
}
@media (max-width: 1400px) {
  .blog .blog-body {
    padding: 20px 25px 25px;
  }
}
.blog .blog-body span {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.blog .blog-body span em {
  font-style: normal;
  font-size: 20px;
  font-weight: 700;
  color: var(--turuncu);
}
@media (max-width: 1400px) {
  .blog .blog-body span em {
    font-size: 16px;
  }
}
.blog .blog-body span i {
  font-size: 15px;
  font-weight: 500;
  color: var(--mavi);
  opacity: 0.5;
  font-style: normal;
  margin-left: auto;
}
@media (max-width: 1400px) {
  .blog .blog-body span i {
    font-size: 13px;
  }
}
.blog .blog-body .blog-title {
  font-size: 24px;
  line-height: 1.29;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .blog .blog-body .blog-title {
    font-size: 20px;
  }
}
.blog .blog-body .blog-title a {
  color: var(--mavi);
}
.blog .blog-body .blog-title a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.blog .blog-body p {
  font-size: 18px;
  line-height: 29px;
  max-height: 58px;
  overflow: hidden;
  color: var(--mavi);
  font-weight: 400;
  margin-top: 15px;
}
@media (max-width: 1400px) {
  .blog .blog-body p {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    margin-top: 10px;
  }
}
.blog .kat {
  position: absolute;
  left: 20px;
  top: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: var(--turuncu);
  white-space: nowrap;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .blog .kat {
    font-size: 14px;
    height: 35px;
    top: 15px;
    left: 15px;
  }
}
.blog:hover .blog-resim::after {
  opacity: 0.1;
}

@media (max-width: 576px) {
  .alan .baslik .buton {
    display: none;
  }
}

.sikcasorulansorular {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 576px) {
  .sikcasorulansorular {
    gap: 8px;
  }
}

.sorucevap {
  background: #FFFFFF;
  box-shadow: 0px 15px 19px -10px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
}
.sorucevap .soru {
  padding: 26px 20px 26px 30px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  color: var(--mavi);
  cursor: pointer;
  transition: 300ms padding-bottom, 300ms color;
}
@media (max-width: 1400px) {
  .sorucevap .soru {
    font-size: 18px;
    padding: 20px 15px 20px 25px;
  }
}
@media (max-width: 576px) {
  .sorucevap .soru {
    font-size: 16px;
    padding: 15px;
  }
}
.sorucevap .soru::after {
  content: "＋";
  margin-left: auto;
  color: var(--turuncu);
  font-size: 55px;
  line-height: 0.5;
  font-weight: 400;
}
@media (max-width: 1400px) {
  .sorucevap .soru::after {
    font-size: 40px;
  }
}
@media (max-width: 576px) {
  .sorucevap .soru::after {
    font-size: 30px;
  }
}
.sorucevap .soru:hover {
  color: var(--turuncu);
}
.sorucevap .soru.aktif {
  color: var(--turuncu);
  padding-bottom: 20px;
}
.sorucevap .soru.aktif::after {
  content: "﹣";
}
.sorucevap .cevap {
  padding: 0 30px 30px;
  display: none;
}
@media (max-width: 1400px) {
  .sorucevap .cevap {
    padding: 0 25px 20px;
  }
}
@media (max-width: 576px) {
  .sorucevap .cevap {
    padding: 0 15px 15px;
  }
}
.sorucevap .cevap p {
  font-size: 18px;
  line-height: 1.61;
  font-weight: 400;
  color: var(--mavi);
  margin-bottom: 15px;
}
@media (max-width: 1400px) {
  .sorucevap .cevap p {
    font-size: 16px;
  }
}
.sorucevap .cevap .slink {
  margin-top: 9px;
  display: inline-block;
  background-color: #FFF2EB;
  padding: 13px 18px 13px 25px;
  border-radius: 30px;
  color: rgba(19, 34, 82, 0.6);
  font-weight: 400;
  font-size: 15px;
}
@media (max-width: 1400px) {
  .sorucevap .cevap .slink {
    font-size: 14px;
    margin-top: 5px;
  }
}
.sorucevap .cevap .slink b {
  font-weight: 700;
  color: var(--turuncu);
}
.sorucevap .cevap .slink svg {
  display: inline-block;
  font-size: 22px;
  color: var(--turuncu);
  vertical-align: middle;
}
.sorucevap .cevap .slink:hover {
  background-color: #FFE9DD;
}

.onlinerandevu {
  position: relative;
}
.onlinerandevu::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--mavi);
  opacity: 0.8;
}
.onlinerandevu img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.online {
  padding: 92px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1400px) {
  .online {
    padding: 70px 0;
  }
}
@media (max-width: 576px) {
  .online {
    padding: 50px 0;
  }
}
.online .online-title {
  font-size: 65px;
  font-weight: 700;
  color: #fff;
  font-family: var(--font);
}
@media (max-width: 1400px) {
  .online .online-title {
    font-size: 55px;
  }
}
@media (max-width: 992px) {
  .online .online-title {
    font-size: 42px;
  }
}
@media (max-width: 576px) {
  .online .online-title {
    font-size: 36px;
  }
}
.online p {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  max-width: 600px;
  margin-top: 13px;
}
@media (max-width: 1400px) {
  .online p {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .online p {
    font-size: 18px;
    max-width: 500px;
  }
}
@media (max-width: 576px) {
  .online p {
    font-size: 16px;
  }
}
.online a {
  margin-top: 47px;
}
@media (max-width: 1400px) {
  .online a {
    margin-top: 30px;
  }
}
.online em {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  font-style: normal;
  margin-top: 58px;
}
@media (max-width: 1400px) {
  .online em {
    font-size: 14px;
    margin-top: 40px;
  }
}
@media (max-width: 576px) {
  .online em {
    font-size: 13px;
    margin-top: 30px;
  }
}

.urunler {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 992px) {
  .urunler {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .urunler {
    grid-template-columns: 1fr;
  }
}

.urun {
  background: #fff;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.urun .urun-resim {
  padding-bottom: 51.6509%;
  position: relative;
}
.urun .urun-resim::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--mavi);
  opacity: 0;
  transition: 300ms opacity;
  border-radius: 20px 20px 0 0;
}
.urun .urun-resim img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.urun .urun-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.urun .urun-body span {
  font-size: 16px;
  font-weight: 700;
  color: var(--turuncu);
  padding-left: 10px;
  padding-top: 7px;
}
@media (max-width: 1400px) {
  .urun .urun-body span {
    font-size: 14px;
  }
}
.urun .urun-body .urun-title {
  margin-top: 5px;
  padding-left: 10px;
  font-size: 20px;
  line-height: 1.3;
  color: var(--mavi);
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .urun .urun-body .urun-title {
    font-size: 18px;
  }
}
.urun .urun-body .urun-title a {
  color: var(--mavi);
}
.urun .urun-body .urun-title a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.urun .urun-body .urun-fiyat {
  margin-top: auto;
  display: flex;
  align-items: center;
  background-color: #FFF2EB;
  padding: 0 25px 0 15px;
  border-radius: 20px;
  height: 40px;
}
.urun .urun-body .urun-fiyat span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 0;
  padding-top: 0;
}
.urun .urun-body .urun-fiyat span del {
  font-size: 18px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .urun .urun-body .urun-fiyat span del {
    font-size: 16px;
  }
}
.urun .urun-body .urun-fiyat span b {
  font-size: 18px;
  font-weight: 700;
  color: var(--turuncu);
}
@media (max-width: 1400px) {
  .urun .urun-body .urun-fiyat span b {
    font-size: 16px;
  }
}
.urun .urun-body .urun-fiyat p {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.urun .urun-body .urun-fiyat p svg {
  font-size: 20px;
  color: var(--turuncu);
}
@media (max-width: 1400px) {
  .urun .urun-body .urun-fiyat p svg {
    font-size: 18px;
  }
}
.urun .urun-body .urun-fiyat p em {
  font-style: normal;
  font-size: 15px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .urun .urun-body .urun-fiyat p em {
    font-size: 14px;
  }
}
.urun:hover .urun-resim::after {
  opacity: 0.1;
}

.destek {
  position: relative;
}

.destekic {
  padding: 86px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .destekic {
    padding: 70px 0;
  }
}
@media (max-width: 768px) {
  .destekic {
    flex-direction: column;
    padding: 50px 0;
    text-align: center;
  }
}
.destekic .destek-sol {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .destekic .destek-sol {
    margin-bottom: 20px;
  }
}
.destekic .destek-sol .destek-title {
  font-size: 65px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .destekic .destek-sol .destek-title {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .destekic .destek-sol .destek-title {
    font-size: 36px;
  }
}
.destekic .destek-sol .destek-title b {
  font-weight: 700;
  color: var(--turuncu);
}
.destekic .destek-sol p {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--mavi);
  margin-top: 13px;
  max-width: 760px;
}
@media (max-width: 1400px) {
  .destekic .destek-sol p {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .destekic .destek-sol p {
    font-size: 16px;
  }
}
.destekic .destek-sag {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1400px) {
  .destekic .destek-sag {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .destekic .destek-sag {
    gap: 10px;
    width: 100%;
  }
}
.destekic .destek-sag a {
  font-size: 20px;
  width: 350px;
  height: 70px;
  border-radius: 0 35px 35px 35px;
}
@media (max-width: 1400px) {
  .destekic .destek-sag a {
    font-size: 18px;
    height: 60px;
    width: 300px;
  }
}
@media (max-width: 992px) {
  .destekic .destek-sag a {
    font-size: 16px;
    height: 50px;
    width: 280px;
  }
}
@media (max-width: 768px) {
  .destekic .destek-sag a {
    width: 100%;
  }
}
.destekic .destek-sag a svg {
  font-size: 31px;
}

.footer-ust {
  background-color: var(--gri);
  padding: 40px 0;
}

.footer-ust-body {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .footer-ust-body {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-ust-body .buton {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .footer-ust-body .buton {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}

.footer-logo {
  margin-right: 45px;
}
@media (max-width: 1200px) {
  .footer-logo {
    display: none;
  }
}
.footer-logo img {
  max-width: 191px;
}

.sosyal {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 9px;
}
@media (max-width: 992px) {
  .sosyal {
    width: 100%;
    margin-top: 30px;
    justify-content: center;
  }
}
.sosyal a {
  width: 44px;
  height: 44px;
  border-radius: 0 100% 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--mavi);
  border: 1px solid rgba(19, 34, 82, 0.2);
  transition: 300ms color, 300ms border-color, 300ms background-color;
}
.sosyal a:hover {
  background-color: var(--turuncu);
  border-color: var(--turuncu);
  color: #fff;
}

.footer-menu-body {
  padding: 45px 0 55px;
}
@media (max-width: 992px) {
  .footer-menu-body {
    padding-bottom: 25px;
  }
}

@media (max-width: 992px) {
  .footer-menu {
    margin-bottom: 30px;
  }
}
.footer-menu .footer-menu-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--mavi);
  display: flex;
  gap: 4px;
  align-items: center;
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .footer-menu .footer-menu-title {
    font-size: 16px;
  }
}
.footer-menu .footer-menu-title em {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
}
.footer-menu .footer-menu-title em::before {
  content: "";
  width: 16px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
.footer-menu .footer-menu-title em::after {
  content: "";
  width: 9px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
.footer-menu ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1400px) {
  .footer-menu ul {
    gap: 12px;
  }
}
.footer-menu ul li a {
  font-size: 17px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .footer-menu ul li a {
    font-size: 15px;
  }
}
.footer-menu ul li a:hover {
  color: var(--turuncu);
}

.footer-alt {
  border-top: 2px solid #E9E9E9;
  padding: 27px 0 53px;
}
@media (max-width: 576px) {
  .footer-alt {
    padding: 15px 0 35px;
  }
}
.footer-alt ul {
  display: flex;
}
@media (max-width: 576px) {
  .footer-alt ul {
    flex-wrap: wrap;
    gap: 7px 0;
  }
}
.footer-alt ul li {
  display: flex;
  align-items: center;
  color: var(--mavi);
}
.footer-alt ul li::after {
  content: "/";
  margin: 0 10px;
}
.footer-alt ul li:last-child::after {
  display: none;
}
.footer-alt ul li a {
  font-size: 17px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .footer-alt ul li a {
    font-size: 15px;
  }
}
.footer-alt ul li a:hover {
  color: var(--turuncu);
}

.top {
  width: 50px;
  height: 50px;
  border: 4px solid #FFFFFF;
  box-shadow: 0px 9px 17px 1px rgba(0, 0, 0, 0.17);
  border-radius: 32px;
  position: fixed;
  bottom: 76px;
  right: 58px;
  background-color: var(--mavi);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: 300ms opacity, 300ms background-color;
}
@media (max-width: 576px) {
  .top {
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    border-width: 2px;
  }
}
.top:hover {
  background-color: var(--turuncu);
}
.top.aktif {
  opacity: 1;
  pointer-events: all;
}

.solalanbg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: var(--mavi);
  opacity: 0.4;
  z-index: 1009;
  display: none;
}

.solalan {
  width: 100%;
  max-width: 400px;
  background-color: var(--gri);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 1010;
  padding: 20px;
  transform: translateX(-500px);
  transition: 500ms transform;
}
.solalan.aktif {
  transform: translateX(0);
}
.solalan .skapat {
  position: absolute;
  right: 20px;
  top: 25px;
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
}
.solalan .slogo {
  margin-bottom: 10px;
}
.solalan .slogo img {
  max-width: 150px;
}
.solalan .smenu {
  margin-bottom: 20px;
  border-radius: 20px;
  padding: 20px 0;
}
.solalan .smenu ul li {
  font-size: 16px;
  font-weight: 700;
  color: var(--mavi);
  text-transform: uppercase;
}
.solalan .smenu ul li a {
  color: var(--mavi);
  padding: 6px 0;
  display: block;
}
.solalan .smenu ul li ul {
  padding: 5px 10px;
}
.solalan .smenu ul li ul li {
  font-size: 14px;
}
.solalan .smenu ul li ul li a {
  padding: 4px 0;
}
.solalan .ekip {
  width: 100%;
  display: flex;
}
.solalan .musteri {
  width: 100%;
  margin-left: 0;
  margin-top: 15px;
  display: flex;
}

.ic-ust {
  padding: 20px 0;
  background-color: var(--gri);
}
@media (max-width: 768px) {
  .ic-ust {
    padding: 0 0;
  }
}

.ic-ust-body {
  display: flex;
  align-items: center;
}

.band {
  flex: 1;
  overflow: hidden;
}
.band ol {
  display: flex;
  white-space: nowrap;
}
.band ol li {
  font-size: 16px;
  font-weight: 400;
  color: var(--mavi);
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .band ol li {
    font-size: 14px;
  }
}
.band ol li a {
  color: var(--mavi);
}
.band ol li a:hover {
  color: var(--turuncu);
}
.band ol li::after {
  content: "/";
  margin: 0 10px;
}
.band ol li:last-child::after {
  display: none;
}

.geri {
  width: 67px;
  height: 67px;
  border-radius: 100% 0 100% 100%;
  background-color: var(--mavi);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  color: #fff;
  margin-left: 20px;
}
@media (max-width: 1400px) {
  .geri {
    width: 50px;
    height: 50px;
    font-size: 33px;
  }
}
.geri:hover {
  background-color: var(--mavih);
}

.icerikler {
  padding: 60px 0 110px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1400px) {
  .icerikler {
    padding: 60px 0 80px;
  }
}
@media (max-width: 576px) {
  .icerikler {
    padding: 20px 0 60px;
  }
}
.icerikler .ok {
  top: 40px;
}
.icerikler .sembol {
  z-index: -1;
}

.urun-menu {
  margin-bottom: 40px;
  margin-top: -15px;
}
@media (max-width: 768px) {
  .urun-menu {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .urun-menu {
    margin-top: 0;
  }
}
.urun-menu ul {
  display: flex;
  align-items: center;
  gap: 20px 40px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .urun-menu ul {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 20px;
    gap: 20px 30px;
  }
  .urun-menu ul::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .urun-menu ul::-webkit-scrollbar:vertical {
    width: 0;
  }
  .urun-menu ul::-webkit-scrollbar:horizontal {
    height: 0;
  }
  .urun-menu ul::-webkit-scrollbar-thumb {
    background-color: var(--turuncu);
    border-radius: 0;
    border: 0;
  }
  .urun-menu ul::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: none;
  }
}
.urun-menu ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
  position: relative;
  padding: 7px 0;
}
.urun-menu ul li a::before {
  content: "";
  width: 0;
  height: 4px;
  border-radius: 2px;
  background-color: var(--turuncu);
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: 300ms width;
}
.urun-menu ul li a:hover::before {
  width: 100%;
}
.urun-menu ul li.aktif a::before {
  width: 100%;
}

.pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  gap: 25px;
}
@media (max-width: 1400px) {
  .pagination {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .pagination {
    gap: 15px;
    margin-top: 40px;
  }
}
.pagination li {
  font-size: 20px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .pagination li {
    font-size: 16px;
  }
}
.pagination li a {
  color: var(--mavi);
}
.pagination li a:hover {
  color: var(--turuncu);
}
.pagination li.onceki {
  margin-right: 10px;
}
@media (max-width: 576px) {
  .pagination li.onceki {
    margin-right: 5px;
  }
}
.pagination li.onceki a {
  width: 55px;
  height: 55px;
  background-color: var(--gri);
  color: var(--mavi);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 33px;
}
@media (max-width: 576px) {
  .pagination li.onceki a {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
.pagination li.onceki a:hover {
  background-color: var(--mavih);
  color: #fff;
}
.pagination li.aktif a {
  color: var(--turuncu);
}
.pagination li.sonraki {
  margin-left: 10px;
}
@media (max-width: 576px) {
  .pagination li.sonraki {
    margin-left: 5px;
  }
}
.pagination li.sonraki a {
  width: 55px;
  height: 55px;
  background-color: var(--mavi);
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 33px;
}
@media (max-width: 576px) {
  .pagination li.sonraki a {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
.pagination li.sonraki a:hover {
  background-color: var(--mavih);
}

.urun-detay-sol {
  display: flex;
  flex-direction: column;
}
.urun-detay-sol .urun-detay-resim {
  width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 15px;
  margin-bottom: 40px;
  object-fit: cover;
}
@media (max-width: 576px) {
  .urun-detay-sol .urun-detay-resim {
    margin-bottom: 20px;
  }
}

.tip h1, .tip h2, .tip h3, .tip h4, .tip h5, .tip h6 {
  margin-bottom: 25px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--mavi);
  line-height: 1.3;
}
@media (max-width: 1400px) {
  .tip h1, .tip h2, .tip h3, .tip h4, .tip h5, .tip h6 {
    margin-bottom: 20px;
  }
}
.tip h1 {
  font-size: 36px;
}
@media (max-width: 1400px) {
  .tip h1 {
    font-size: 30px;
  }
}
.tip h2 {
  font-size: 30px;
}
@media (max-width: 1400px) {
  .tip h2 {
    font-size: 24px;
  }
}
.tip h3 {
  font-size: 22px;
}
@media (max-width: 1400px) {
  .tip h3 {
    font-size: 18px;
  }
}
.tip h4 {
  font-size: 18px;
}
@media (max-width: 1400px) {
  .tip h4 {
    font-size: 16px;
  }
}
.tip h5 {
  font-size: 16px;
}
@media (max-width: 1400px) {
  .tip h5 {
    font-size: 14px;
  }
}
.tip h6 {
  font-size: 14px;
}
@media (max-width: 1400px) {
  .tip h6 {
    font-size: 12px;
  }
}
.tip p {
  margin-bottom: 25px;
  font-weight: 400;
  color: var(--mavi);
  line-height: 1.7;
  font-size: 18px;
}
@media (max-width: 1400px) {
  .tip p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.tip b, .tip strong {
  font-weight: 700;
}
.tip ul {
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .tip ul {
    margin-bottom: 20px;
  }
}
.tip ul li {
  list-style-position: inside;
  list-style-type: disc;
  font-weight: 400;
  color: var(--mavi);
  line-height: 1.7;
  font-size: 18px;
}
@media (max-width: 1400px) {
  .tip ul li {
    font-size: 16px;
  }
}
.tip a {
  font-weight: 700;
  color: var(--turuncu);
  text-decoration: overline;
}
.tip a:hover {
  text-decoration: none;
}
.tip ol {
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .tip ol {
    margin-bottom: 20px;
  }
}
.tip ol li {
  list-style-position: inside;
  list-style-type: lower-alpha;
  font-weight: 400;
  color: var(--mavi);
  line-height: 1.7;
  font-size: 18px;
}
@media (max-width: 1400px) {
  .tip ol li {
    font-size: 16px;
  }
}
.tip img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 25px;
}
.tip blockquote {
  background-color: var(--gri);
  border-radius: 15px;
  padding: 30px 30px 5px;
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .tip blockquote {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.tip blockquote p {
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .tip blockquote p {
    font-size: 16px;
  }
}
.tip table {
  width: 100%;
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .tip table {
    margin-bottom: 20px;
  }
}
.tip table thead {
  background-color: var(--mavi);
  color: #fff;
}
.tip table thead th {
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .tip table thead th {
    font-size: 14px;
    padding: 7px;
  }
}
.tip table tbody {
  background-color: var(--gri);
}
.tip table tbody th {
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 576px) {
  .tip table tbody th {
    font-size: 14px;
    padding: 7px;
  }
}
.tip table tbody td {
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 576px) {
  .tip table tbody td {
    font-size: 14px;
    padding: 7px;
  }
}

.etiket {
  background-color: var(--gri);
  padding: 25px 30px;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 25px;
  margin-top: 25px;
}
@media (max-width: 1400px) {
  .etiket {
    padding: 20px;
    gap: 15px 20px;
  }
}
@media (max-width: 576px) {
  .etiket {
    gap: 12px;
    padding: 15px;
  }
}
.etiket a {
  font-size: 20px;
  font-weight: 500;
  color: var(--mavi);
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .etiket a {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .etiket a {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .etiket a {
    font-size: 14px;
  }
}
.etiket a:hover {
  color: var(--turuncu);
}
.etiket a::before {
  content: "#";
  color: var(--turuncu);
}

.urun-demo {
  font-size: 20px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mavi);
  color: #fff;
  height: 60px;
  border-radius: 30px;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
}
@media (max-width: 1400px) {
  .urun-demo {
    font-size: 18px;
    height: 50px;
  }
}
.urun-demo:hover {
  background-color: var(--mavih);
}
.urun-demo svg {
  font-size: 28px;
}

.urun-detay-sidebar {
  padding: 25px;
  background-color: var(--gri);
  margin-top: 15px;
  border-radius: 15px;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
}
@media (max-width: 1400px) {
  .urun-detay-sidebar {
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .urun-detay-sidebar {
    padding: 15px;
  }
}
.urun-detay-sidebar .urun-sidebar-ust-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--turuncu);
  margin-bottom: 15px;
}
@media (max-width: 1400px) {
  .urun-detay-sidebar .urun-sidebar-ust-title {
    font-size: 15px;
  }
}
.urun-detay-sidebar .urun-sidebar-title {
  font-size: 32px;
  line-height: 1.25;
  color: var(--mavi);
  margin-bottom: 15px;
  font-weight: 500;
}
@media (max-width: 1400px) {
  .urun-detay-sidebar .urun-sidebar-title {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .urun-detay-sidebar .urun-sidebar-title {
    font-size: 24px;
  }
}
.urun-detay-sidebar .checkbox {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 0;
  gap: 14px;
  cursor: pointer;
}
@media (max-width: 576px) {
  .urun-detay-sidebar .checkbox {
    gap: 10px;
  }
}
.urun-detay-sidebar .checkbox span {
  width: 23px;
  height: 23px;
  background-color: #fff;
  border: 1px solid var(--mavi);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  transition: 300ms all;
}
.urun-detay-sidebar .checkbox b {
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .urun-detay-sidebar .checkbox b {
    font-size: 14px;
  }
}
.urun-detay-sidebar .checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
}
.urun-detay-sidebar .checkbox input:checked + span {
  background-color: var(--turuncu);
  border-color: var(--turuncu);
}

.urun-sidebar-fiyat {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 30px;
}
.urun-sidebar-fiyat del {
  font-size: 36px;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .urun-sidebar-fiyat del {
    font-size: 30px;
  }
}
.urun-sidebar-fiyat b {
  font-size: 30px;
  font-weight: 700;
  color: var(--turuncu);
}
@media (max-width: 1400px) {
  .urun-sidebar-fiyat b {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .ud1 {
    order: 2;
  }
}

@media (max-width: 992px) {
  .ud2 {
    order: 1;
  }
}

@media (max-width: 992px) {
  .ud3 {
    order: 3;
  }
}

.urun-detay-sag {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .urun-detay-sag {
    margin-bottom: 20px;
  }
}

.urun-sidebar-satinal {
  display: flex;
  align-items: center;
  border-radius: 15px;
  height: 60px;
  justify-content: center;
  gap: 10px;
  background-color: #65C27A;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}
@media (max-width: 1400px) {
  .urun-sidebar-satinal {
    font-size: 18px;
    height: 50px;
  }
}
.urun-sidebar-satinal:hover {
  background-color: #59af6d;
}
.urun-sidebar-satinal svg {
  font-size: 26px;
}
@media (max-width: 1400px) {
  .urun-sidebar-satinal svg {
    font-size: 22px;
  }
}

.sticky {
  position: sticky;
  top: 15px;
}

.urun-ilginizi-cekebilir {
  margin-top: 120px;
}
@media (max-width: 1400px) {
  .urun-ilginizi-cekebilir {
    margin-top: 100px;
  }
}
@media (max-width: 992px) {
  .urun-ilginizi-cekebilir {
    margin-top: 70px;
  }
}
@media (max-width: 576px) {
  .urun-ilginizi-cekebilir {
    margin-top: 40px;
  }
}

.bloglar-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1200px) {
  .bloglar-list {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .bloglar-list {
    gap: 10px;
  }
}
.bloglar-list .blog {
  width: calc(50% - 12px);
}
@media (max-width: 1200px) {
  .bloglar-list .blog {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog {
    width: 100%;
  }
}
.bloglar-list .blog.full {
  display: flex;
  padding: 15px;
  width: 100%;
  align-items: center;
}
@media (max-width: 576px) {
  .bloglar-list .blog.full {
    padding: 12px;
  }
}
.bloglar-list .blog.full .blog-resim {
  padding: 0;
  flex-shrink: 0;
  margin: 0;
  width: 390px;
  height: 220px;
}
@media (max-width: 1400px) {
  .bloglar-list .blog.full .blog-resim {
    width: 300px;
    height: 180px;
  }
}
@media (max-width: 1200px) {
  .bloglar-list .blog.full .blog-resim {
    width: 260px;
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .blog-resim {
    width: 110px;
    height: 80px;
  }
}
.bloglar-list .blog.full .blog-resim::after {
  border-radius: 15px;
}
.bloglar-list .blog.full .blog-resim img {
  border-radius: 15px;
  position: relative;
  object-fit: cover;
  margin: 0;
}
.bloglar-list .blog.full .kat {
  top: 25px;
  left: 25px;
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .kat {
    left: 0;
    top: 0;
    font-size: 12px;
    padding: 0 10px;
    height: 25px;
  }
}
.bloglar-list .blog.full .blog-body {
  padding: 0 35px;
}
@media (max-width: 1200px) {
  .bloglar-list .blog.full .blog-body {
    padding: 0 25px;
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .blog-body {
    padding: 0 15px;
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .blog-body span {
    margin-bottom: 5px;
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .blog-body .blog-title {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .bloglar-list .blog.full .blog-body p {
    display: none;
  }
}

.bloglar-sag {
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .bloglar-sag {
    margin-top: 50px;
  }
}
.bloglar-sag .baslik .baslik-title {
  font-size: 30px;
}
@media (max-width: 1400px) {
  .bloglar-sag .baslik .baslik-title {
    font-size: 24px;
  }
}

.blog-populer {
  display: flex;
  flex-direction: column;
  background-color: var(--gri);
  border-radius: 20px;
  padding: 25px;
  gap: 25px 0;
  margin-bottom: 50px;
  margin-top: 7px;
}
@media (max-width: 1400px) {
  .blog-populer {
    padding: 15px;
    gap: 20px 0;
    margin-bottom: 35px;
  }
}
.blog-populer .populer {
  display: flex;
  align-items: center;
  gap: 15px 25px;
  position: relative;
}
.blog-populer .populer img {
  width: 130px;
  height: 95px;
  border-radius: 15px;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .blog-populer .populer img {
    width: 110px;
    height: 80px;
  }
}
.blog-populer .populer a {
  font-size: 18px;
  line-height: 27px;
  max-height: 81px;
  overflow: hidden;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .blog-populer .populer a {
    font-size: 16px;
    line-height: 23px;
    max-height: 69px;
  }
}
.blog-populer .populer a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.blog-populer .populer:hover a {
  color: var(--turuncu);
}

.blog-menu {
  padding: 25px 0;
  background-color: var(--gri);
  border-radius: 20px;
  margin-top: -15px;
}
@media (max-width: 1400px) {
  .blog-menu {
    padding: 15px 0;
  }
}
.blog-menu ul li a {
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
  display: flex;
  align-items: center;
  padding: 10px 35px;
  position: relative;
  font-family: var(--font);
}
@media (max-width: 1400px) {
  .blog-menu ul li a {
    font-size: 16px;
    padding: 10px 30px;
  }
}
.blog-menu ul li a::before {
  content: "";
  width: 0;
  height: 21px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--turuncu);
  transition: 300ms width;
}
.blog-menu ul li a em {
  margin-left: auto;
  font-style: normal;
  opacity: 0.5;
}
.blog-menu ul li a:hover::before {
  width: 7px;
}
.blog-menu ul li.aktif a::before {
  width: 7px;
}

.blog-arama {
  background-color: var(--gri);
  margin-top: 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}
.blog-arama form {
  width: 100%;
  display: flex;
  align-items: center;
}
.blog-arama input {
  flex: 1;
  height: 60px;
  line-height: 1;
  border: 0;
  background-color: transparent;
  font-size: 18px;
  font-family: var(--font);
  color: var(--mavi);
  padding: 0 20px;
}
@media (max-width: 1400px) {
  .blog-arama input {
    font-size: 16px;
    height: 50px;
  }
}
.blog-arama input::placeholder {
  color: var(--mavi);
  opacity: 0.4;
}
.blog-arama input:focus::placeholder {
  opacity: 0;
}
.blog-arama button {
  width: 70px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  color: var(--mavi);
  font-size: 23px;
  transition: 300ms color;
}
.blog-arama button:hover {
  color: var(--turuncu);
}

.blog-hakkimizda {
  padding: 35px 30px 50px;
  background-color: var(--gri);
  border-radius: 20px;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px 0;
  text-align: center;
}
@media (max-width: 1400px) {
  .blog-hakkimizda {
    gap: 15px 0;
  }
}
.blog-hakkimizda img {
  width: 132px;
  height: 132px;
  border-radius: 0 100% 100% 100%;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .blog-hakkimizda img {
    width: 120px;
    height: 120px;
  }
}
.blog-hakkimizda .blog-hakkimizda-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .blog-hakkimizda .blog-hakkimizda-title {
    font-size: 22px;
  }
}
.blog-hakkimizda p {
  font-size: 18px;
  line-height: 1.5;
  color: var(--mavi);
  font-weight: 400;
}
@media (max-width: 1400px) {
  .blog-hakkimizda p {
    font-size: 16px;
  }
}

.blog-detay {
  display: flex;
  flex-direction: column;
}
.blog-detay .blog-detay-title {
  font-size: 36px;
  font-family: var(--font);
  color: var(--mavi);
  margin-bottom: 5px;
  font-weight: 700;
}
@media (max-width: 1400px) {
  .blog-detay .blog-detay-title {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .blog-detay .blog-detay-title {
    font-size: 24px;
  }
}
.blog-detay .blog-detay-alt-title {
  font-size: 24px;
  line-height: 1.6;
  color: var(--mavi);
  margin-bottom: 5px;
  font-weight: 400;
}
@media (max-width: 1400px) {
  .blog-detay .blog-detay-alt-title {
    font-size: 21px;
  }
}
@media (max-width: 576px) {
  .blog-detay .blog-detay-alt-title {
    font-size: 18px;
  }
}

.blog-detay-ust {
  margin-top: 35px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .blog-detay-ust {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.blog-detay-ust .blog-detay-kat {
  height: 39px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--turuncu);
  color: #fff;
}
.blog-detay-ust .blog-detay-kat-1 {
  height: 39px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  background-color: var(--gri);
  margin-left: 10px;
  color: var(--mavi);
}
.blog-detay-ust span {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
  opacity: 0.5;
}
.blog-detay-ust .blog-paylas {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.blog-detay-ust .blog-paylas em {
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  color: var(--mavi);
  opacity: 0.5;
  margin-right: 5px;
}
.blog-detay-ust .blog-paylas a {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  font-size: 24px;
  color: #fff;
}
.blog-detay-ust .blog-paylas a.fb {
  background-color: #7A82CC;
}
.blog-detay-ust .blog-paylas a.fb:hover {
  background-color: #878fdb;
}
.blog-detay-ust .blog-paylas a.tw {
  background-color: #4BB9F7;
}
.blog-detay-ust .blog-paylas a.tw:hover {
  background-color: #32abf1;
}

.blogresim {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.icindekiler {
  background-color: var(--gri);
  border-radius: 20px;
  margin-top: 20px;
  padding: 25px 30px;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .icindekiler {
    padding: 15px;
  }
}
.icindekiler .icinde-title {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--turuncu);
  cursor: pointer;
}
@media (max-width: 576px) {
  .icindekiler .icinde-title {
    font-size: 20px;
  }
}
.icindekiler .icinde-title span {
  margin-left: auto;
}
.icindekiler .icinde-title span::before {
  content: "[ Göster ]";
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
}
.icindekiler .icinde-title.aktif span::before {
  content: "[ Gizle ]";
}
.icindekiler ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
.icindekiler ul li {
  list-style-position: inside;
  list-style-type: decimal;
  font-size: 17px;
  padding: 6px 0;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .icindekiler ul li {
    font-size: 15px;
  }
}
.icindekiler ul li a {
  color: var(--mavi);
}
.icindekiler ul li a:hover {
  color: var(--turuncu);
}

.blog-detay-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 992px) {
  .blog-detay-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .blog-detay-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.blog-detay-list .blog .blog-body {
  padding: 20px 24px;
}
.blog-detay-list .blog .blog-body span em {
  font-size: 16px;
}
.blog-detay-list .blog .blog-body span i {
  font-size: 13px;
}
.blog-detay-list .blog .blog-body .blog-title {
  font-size: 20px;
}
.blog-detay-list .blog .blog-body p {
  font-size: 14px;
  line-height: 24px;
  max-height: 48px;
  margin-top: 11px;
}
.blog-detay-list .blog .kat {
  left: 15px;
  top: 15px;
  font-size: 13px;
  padding: 0 12px;
  height: 29px;
}

.referanslar-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1200px) {
  .referanslar-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .referanslar-list {
    grid-template-columns: 1fr;
  }
}

.ref {
  padding-bottom: 85.1415%;
  position: relative;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  border-radius: 20px;
}
.ref .ref-resim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.ref .ref-ic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 20px;
  display: flex;
  align-items: flex-end;
}
.ref .ref-ic::before {
  content: "";
  width: 100%;
  height: 60%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  border-radius: 20px;
  z-index: -1;
  transition: 300ms all;
}
.ref .ref-ic .ref-ic-sol {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ref .ref-ic .ref-ic-sol .ref-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--mavi);
  font-family: var(--font);
}
.ref .ref-ic .ref-ic-sol .ref-title a {
  color: var(--mavi);
}
.ref .ref-ic .ref-ic-sol .ref-title a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ref .ref-ic .ref-ic-sol .ref-title a i {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
  margin-top: 7px;
}
.ref .ref-ic .ref-ic-sol .ref-title a i::before {
  content: "";
  width: 18px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
.ref .ref-ic .ref-ic-sol .ref-title a i::after {
  content: "";
  width: 9px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
.ref .ref-ic .ref-ic-sol span {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.ref .ref-ic .ref-ic-sol span b {
  font-size: 16px;
  font-weight: 400;
  color: var(--mavi);
  opacity: 0.6;
}
.ref .ref-ic .ref-ic-sol span em {
  font-style: normal;
  height: 23px;
  border: 1px solid var(--mavi);
  padding: 0 11px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--mavi);
  border-radius: 12px;
  opacity: 0.6;
}
.ref .ref-ic .ref-ic-sag {
  padding-bottom: 15px;
}
.ref .ref-ic .ref-ic-sag img {
  max-width: 95px;
  max-height: 60px;
}
.ref:hover .ref-ic::before {
  height: 40%;
}

.hizmetlerimiz-kat .hizmet {
  background-color: var(--gri);
}

.ref-detay-ust {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .ref-detay-ust {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .ref-detay-ust {
    width: 100%;
  }
}
.ref-detay-ust .ref-detay-ust-sol {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol {
    gap: 25px;
  }
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol {
    width: 100%;
    padding-right: 15px;
  }
}
.ref-detay-ust .ref-detay-ust-sol img {
  max-width: 100px;
  max-height: 80px;
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol img {
    max-width: 80px;
    max-height: 60px;
  }
}
@media (max-width: 768px) {
  .ref-detay-ust .ref-detay-ust-sol img {
    max-width: 70px;
    max-height: 40px;
  }
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol img {
    order: 2;
    margin-left: auto;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body {
    order: 1;
    flex: 1;
    width: 100%;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title {
  font-size: 30px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title {
    font-size: 27px;
  }
}
@media (max-width: 768px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title {
    font-size: 21px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  gap: 5px;
  margin-top: 12px;
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i {
    margin-left: 7px;
    gap: 4px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i::before {
  content: "";
  width: 18px;
  height: 5px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i::before {
    height: 3px;
    width: 15px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i::after {
  content: "";
  width: 9px;
  height: 5px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body .ref-detay-title i::after {
    height: 3px;
    width: 7px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span {
  display: flex;
  align-items: center;
  margin-top: 12px;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span {
    margin-top: 8px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span b {
  font-size: 20px;
  font-weight: 400;
  color: var(--mavi);
  opacity: 0.6;
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span b {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span b {
    font-size: 16px;
  }
}
.ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span em {
  font-size: 13px;
  font-weight: 700;
  color: var(--mavi);
  opacity: 0.6;
  height: 25px;
  display: flex;
  align-items: center;
  border: 1px solid var(--mavi);
  padding: 0 13px;
  border-radius: 13px;
  font-style: normal;
}
@media (max-width: 1400px) {
  .ref-detay-ust .ref-detay-ust-sol .ref-detay-ust-body span em {
    height: 23px;
    padding: 0 10px;
  }
}

@media (max-width: 992px) {
  .ref-detay-ust-sag {
    margin-top: 30px;
    width: 100%;
  }
}
.ref-detay-ust-sag .buton {
  gap: 10px;
}
@media (max-width: 992px) {
  .ref-detay-ust-sag .buton {
    width: 100%;
  }
}
.ref-detay-ust-sag .buton svg {
  position: relative;
  top: -2px;
}

.ref-detay-ust-resim {
  margin-top: 60px;
}
@media (max-width: 1400px) {
  .ref-detay-ust-resim {
    margin-top: 50px;
  }
}
@media (max-width: 992px) {
  .ref-detay-ust-resim {
    margin-top: 20px;
  }
}
.ref-detay-ust-resim img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  max-height: 610px;
  object-fit: cover;
}

.ref-detay-alt {
  background-color: var(--gri);
  padding-top: 239px;
  margin-top: -186px;
  padding-bottom: 130px;
}
@media (max-width: 992px) {
  .ref-detay-alt {
    padding-bottom: 50px;
    padding-top: 140px;
    margin-top: -100px;
  }
}

.ref-detay-alt-body {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .ref-detay-alt-body {
    gap: 15px;
  }
}
.ref-detay-alt-body .ref-detay-alt-sol {
  flex: 1;
}
.ref-detay-alt-body .ref-detay-alt-sol .etiket {
  margin-top: 0;
  background-color: #fff;
}
.ref-detay-alt-body .ref-detay-alt-menu {
  width: 184px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-shrink: 0;
}
@media (max-width: 1400px) {
  .ref-detay-alt-body .ref-detay-alt-menu {
    gap: 10px 0;
  }
}
@media (max-width: 992px) {
  .ref-detay-alt-body .ref-detay-alt-menu {
    display: none;
  }
}
.ref-detay-alt-body .ref-detay-alt-menu a {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0px 12px 30px -5px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1400px) {
  .ref-detay-alt-body .ref-detay-alt-menu a {
    padding: 15px 0 20px;
  }
}
.ref-detay-alt-body .ref-detay-alt-menu a svg {
  font-size: 43px;
  color: var(--mavi);
}
.ref-detay-alt-body .ref-detay-alt-menu a span {
  font-size: 18px;
  font-weight: 700;
  color: var(--mavi);
  margin-top: 13px;
}

.ref-detay-alt-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ref-detay-alt-title {
  font-size: 30px;
  font-weight: 700;
  font-family: var(--font);
  margin-bottom: 20px;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .ref-detay-alt-title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .ref-detay-alt-title {
    font-size: 20px;
  }
}
.ref-detay-alt-title i {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  gap: 5px;
  margin-top: 12px;
}
@media (max-width: 576px) {
  .ref-detay-alt-title i {
    gap: 4px;
    margin-left: 7px;
  }
}
.ref-detay-alt-title i::before {
  content: "";
  width: 18px;
  height: 5px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
@media (max-width: 576px) {
  .ref-detay-alt-title i::before {
    width: 15px;
    height: 3px;
  }
}
.ref-detay-alt-title i::after {
  content: "";
  width: 9px;
  height: 5px;
  border-radius: 2px;
  background-color: var(--turuncu);
}
@media (max-width: 576px) {
  .ref-detay-alt-title i::after {
    width: 7px;
    height: 3px;
  }
}

.ref-box {
  width: 100%;
  margin-bottom: 50px;
  scroll-margin-top: 20px;
}
@media (max-width: 992px) {
  .ref-box {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .ref-box {
    margin-bottom: 15px;
  }
}
.ref-box p {
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 20px;
  color: var(--mavi);
  font-weight: 400;
}
@media (max-width: 1400px) {
  .ref-box p {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .ref-box p {
    font-size: 16px;
  }
}
.ref-box ul li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .ref-box ul li {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .ref-box ul li {
    font-size: 16px;
  }
}
.ref-box img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .ref-box img {
    margin-bottom: 15px;
  }
}
.ref-box.w50 {
  width: 45%;
}
@media (max-width: 768px) {
  .ref-box.w50 {
    width: 100%;
  }
}

.ref-icerikler {
  padding-bottom: 0;
}

.sayfa-ic {
  margin-top: -20px;
}
@media (max-width: 768px) {
  .sayfa-ic {
    margin-top: 0;
  }
}

.sayfa-menu {
  background-color: var(--gri);
  border-radius: 20px;
}
.sayfa-menu ul {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
.sayfa-menu ul li a {
  display: flex;
  padding: 12px 33px;
  font-size: 20px;
  font-weight: 500;
  color: var(--mavi);
  position: relative;
}
@media (max-width: 1400px) {
  .sayfa-menu ul li a {
    font-size: 17px;
    padding: 9px 30px;
  }
}
.sayfa-menu ul li a::before {
  content: "";
  width: 0;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 300ms width;
  background-color: var(--turuncu);
}
.sayfa-menu ul li:hover a::before {
  width: 9px;
}
.sayfa-menu ul li.aktif a::before {
  width: 9px;
}

.iletisim {
  position: relative;
  z-index: 0;
}
.iletisim .ok {
  top: 40px;
}
.iletisim .sembol {
  z-index: -1;
}

.iletisim-ust-body {
  display: flex;
  padding: 20px 0;
}
@media (max-width: 992px) {
  .iletisim-ust-body {
    flex-wrap: wrap;
  }
}

.iletisim-ust-box {
  max-width: 330px;
  padding: 40px 50px;
  border-right: 1px solid #E7E7E7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
@media (max-width: 1400px) {
  .iletisim-ust-box {
    padding: 30px 40px;
  }
}
@media (max-width: 1200px) {
  .iletisim-ust-box {
    max-width: 230px;
  }
}
@media (max-width: 992px) {
  .iletisim-ust-box {
    max-width: none;
    width: 50%;
    padding: 30px 0;
    border: 0;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .iletisim-ust-box {
    width: 100%;
    padding: 20px 0;
  }
}
.iletisim-ust-box:last-child {
  border: 0;
}
.iletisim-ust-box:first-child {
  padding-left: 0;
}
.iletisim-ust-box i {
  width: 67px;
  height: 67px;
  background-color: var(--turuncu);
  border-radius: 0 100% 100% 100%;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  margin-bottom: 25px;
  color: #fff;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1400px) {
  .iletisim-ust-box i {
    width: 55px;
    height: 55px;
    font-size: 27px;
  }
}
.iletisim-ust-box b {
  font-size: 18px;
  font-weight: 500;
  color: var(--turuncu);
  margin-bottom: 6px;
}
@media (max-width: 1400px) {
  .iletisim-ust-box b {
    font-size: 16px;
  }
}
.iletisim-ust-box span {
  font-size: 24px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .iletisim-ust-box span {
    font-size: 20px;
  }
}
.iletisim-ust-box em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 15px 0 18px;
}
.iletisim-ust-box em::before {
  content: "";
  width: 23px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .iletisim-ust-box em::before {
    height: 5px;
  }
}
.iletisim-ust-box em::after {
  content: "";
  width: 13px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .iletisim-ust-box em::after {
    height: 5px;
  }
}
.iletisim-ust-box p {
  font-size: 20px;
  line-height: 1.7;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .iletisim-ust-box p {
    font-size: 17px;
    line-height: 1.5;
  }
}
.iletisim-ust-box p a {
  color: var(--mavi);
}
.iletisim-ust-box .konum {
  padding: 0 25px;
  border-radius: 20px;
  background-color: var(--turuncu);
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  height: 40px;
  display: flex;
  align-items: center;
  margin-top: 18px;
}
@media (max-width: 1400px) {
  .iletisim-ust-box .konum {
    font-size: 14px;
    padding: 0 20px;
    height: 35px;
  }
}
.iletisim-ust-box .konum:hover {
  background-color: var(--turuncuh);
}

.iletisim-orta {
  background-color: var(--gri);
  padding: 80px 0 90px;
}
@media (max-width: 1400px) {
  .iletisim-orta {
    padding: 70px 0 80px;
  }
}
@media (max-width: 992px) {
  .iletisim-orta {
    padding: 40px 0 60px;
  }
}

.iletisim-orta-sol {
  display: flex;
  flex-direction: column;
}
.iletisim-orta-sol .iletisim-title {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 700;
  font-family: var(--font);
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .iletisim-orta-sol .iletisim-title {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .iletisim-orta-sol .iletisim-title {
    font-size: 30px;
  }
}
.iletisim-orta-sol em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 30px 0;
}
@media (max-width: 1400px) {
  .iletisim-orta-sol em {
    margin: 20px 0;
  }
}
.iletisim-orta-sol em::before {
  content: "";
  width: 23px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
.iletisim-orta-sol em::after {
  content: "";
  width: 13px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
.iletisim-orta-sol p {
  font-size: 24px;
  line-height: 1.4;
  color: var(--mavi);
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .iletisim-orta-sol p {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .iletisim-orta-sol p {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.iletisim-orta-sol span {
  font-size: 32px;
  font-weight: 700;
  color: var(--turuncu);
  font-family: var(--font);
  margin-bottom: 12px;
}
@media (max-width: 1200px) {
  .iletisim-orta-sol span {
    font-size: 27px;
  }
}
@media (max-width: 768px) {
  .iletisim-orta-sol span {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .iletisim-orta-sol span {
    font-size: 20px;
  }
}

.iletisim-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .iletisim-form {
    margin-top: 20px;
  }
}

.text {
  width: 100%;
  height: 70px;
  line-height: 70px;
  border: 0;
  background-color: #fff;
  border-radius: 15px;
  padding: 0 25px;
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .text {
    font-size: 16px;
    height: 60px;
  }
}
@media (max-width: 576px) {
  .text {
    height: 50px;
  }
}
.text::placeholder {
  color: var(--mavi);
  opacity: 0.5;
}
.text:focus::placeholder {
  opacity: 0;
}

.textarea {
  width: 100%;
  height: 200px;
  line-height: 1.4;
  border: 0;
  background-color: #fff;
  border-radius: 15px;
  padding: 25px;
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .textarea {
    font-size: 16px;
    height: 150px;
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .textarea {
    height: 120px;
  }
}
.textarea::placeholder {
  color: var(--mavi);
  opacity: 0.5;
}
.textarea:focus::placeholder {
  opacity: 0;
}

.falan {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
}
.falan p {
  font-size: 16px;
  font-weight: 500;
  color: var(--mavi);
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .falan p {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.falan.w50 {
  width: calc(50% - 7.5px);
}
@media (max-width: 576px) {
  .falan.w50 {
    width: 100%;
  }
}

.select {
  position: relative;
}
.select select {
  width: 100%;
  height: 70px;
  line-height: 1;
  border: 0;
  background-color: #fff;
  border-radius: 15px;
  color: var(--mavi);
  font-size: 18px;
  font-weight: 500;
  padding: 0 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 1400px) {
  .select select {
    font-size: 16px;
    height: 60px;
  }
}
@media (max-width: 576px) {
  .select select {
    height: 50px;
  }
}
.select svg {
  position: absolute;
  right: 14px;
  font-size: 36px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 1400px) {
  .select svg {
    font-size: 30px;
  }
}

.hata {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #dd5252;
  gap: 5px;
  padding: 10px 0;
}
@media (max-width: 576px) {
  .hata {
    font-size: 14px;
    padding: 5px 0;
  }
}
.hata em {
  font-style: normal;
}
.hata svg {
  font-size: 24px;
}

.fbuton {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
}

.mesaj {
  font-size: 20px;
  font-weight: 500;
  color: #3B9B4A;
}
@media (max-width: 1400px) {
  .mesaj {
    font-size: 16px;
  }
}

.iletisim-alt {
  width: 100%;
  height: 550px;
}
@media (max-width: 1400px) {
  .iletisim-alt {
    height: 400px;
  }
}
@media (max-width: 576px) {
  .iletisim-alt {
    height: 300px;
  }
}
.iletisim-alt iframe {
  width: 100% !important;
  height: 100% !important;
}

.ekip-basvuru .iletisim-form .falan .text {
  background-color: var(--gri);
}
.ekip-basvuru .iletisim-form .falan .textarea {
  background-color: var(--gri);
}
.ekip-basvuru .iletisim-form .falan select {
  background-color: var(--gri);
}

.hizmet-ust {
  padding: 60px 0 85px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1400px) {
  .hizmet-ust {
    padding: 50px 0 60px;
  }
}
@media (max-width: 768px) {
  .hizmet-ust {
    padding: 20px 0;
  }
}
.hizmet-ust .ok {
  top: 40px;
}
.hizmet-ust .sembol {
  z-index: -1;
}

.hizmet-ust-ic {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .hizmet-ust-ic {
    flex-direction: column;
  }
}
.hizmet-ust-ic .hizmet-ust-sol {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 576px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik {
    gap: 15px;
  }
}
.hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik i {
  width: 100px;
  height: 100px;
  background-color: var(--turuncu);
  border-radius: 0 100% 100% 100%;
  box-shadow: 0px 25px 37px -5px rgba(0, 0, 0, 0.14);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
}
@media (max-width: 1400px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik i {
    width: 70px;
    height: 70px;
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik i {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
}
.hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik .hizmet-ust-title {
  font-size: 50px;
  font-weight: 700;
  color: var(--mavi);
  font-family: var(--font);
}
@media (max-width: 1400px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik .hizmet-ust-title {
    font-size: 36px;
  }
}
@media (max-width: 992px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik .hizmet-ust-title {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .hizmet-ust-ic .hizmet-ust-sol .hizmet-ust-baslik .hizmet-ust-title {
    font-size: 24px;
  }
}
.hizmet-ust-ic .hizmet-ust-sol p {
  font-size: 20px;
  margin-top: 34px;
  line-height: 1.45;
  color: var(--mavi);
  max-width: 870px;
}
@media (max-width: 1400px) {
  .hizmet-ust-ic .hizmet-ust-sol p {
    font-size: 18px;
    margin-top: 25px;
  }
}
@media (max-width: 576px) {
  .hizmet-ust-ic .hizmet-ust-sol p {
    font-size: 16px;
    margin-top: 15px;
  }
}
.hizmet-ust-ic .hizmet-ust-sag {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 1400px) {
  .hizmet-ust-ic .hizmet-ust-sag {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .hizmet-ust-ic .hizmet-ust-sag {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .hizmet-ust-ic .hizmet-ust-sag {
    gap: 10px 0;
  }
}

.beyaz-gra {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}

.modul {
  padding: 100px 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 1400px) {
  .modul {
    padding: 70px 0;
  }
}
@media (max-width: 768px) {
  .modul {
    padding: 50px 0;
  }
}
.modul .ok {
  top: 40px;
}
.modul .sembol {
  z-index: -1;
}
.modul .container {
  gap: 99px 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .modul .container {
    gap: 70px 0;
  }
}
@media (max-width: 992px) {
  .modul .container {
    gap: 40px 0;
  }
}

.modul-1 {
  display: flex;
  align-items: center;
  gap: 55px;
}
@media (max-width: 1400px) {
  .modul-1 {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .modul-1 {
    flex-direction: column;
    gap: 30px;
  }
}
.modul-1 .modul-1-sol {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  flex: 1;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol {
    gap: 25px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sol {
    gap: 15px;
  }
}
.modul-1 .modul-1-sol span {
  font-size: 32px;
  font-weight: 700;
  font-family: var(--font);
  color: var(--turuncu);
  margin-bottom: 15px;
  line-height: 1.2;
  margin-bottom: -20px;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol span {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sol span {
    margin-bottom: -10px;
  }
}
@media (max-width: 992px) {
  .modul-1 .modul-1-sol span {
    font-size: 20px;
  }
}
.modul-1 .modul-1-sol .modul-1-title {
  font-size: 36px;
  line-height: 1.4;
  font-family: var(--font);
  color: var(--mavi);
  font-weight: 700;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol .modul-1-title {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sol .modul-1-title {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .modul-1 .modul-1-sol .modul-1-title {
    font-size: 22px;
  }
}
.modul-1 .modul-1-sol p {
  font-size: 22px;
  line-height: 1.54;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol p {
    font-size: 19px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sol p {
    font-size: 17px;
  }
}
@media (max-width: 992px) {
  .modul-1 .modul-1-sol p {
    font-size: 16px;
  }
}
.modul-1 .modul-1-sol em {
  display: flex;
  align-items: center;
  gap: 6px;
}
.modul-1 .modul-1-sol em::before {
  content: "";
  width: 23px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol em::before {
    height: 5px;
  }
}
.modul-1 .modul-1-sol em::after {
  content: "";
  width: 13px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sol em::after {
    height: 5px;
  }
}
.modul-1 .modul-1-sag {
  width: 715px;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sag {
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sag {
    width: 500px;
  }
}
@media (max-width: 992px) {
  .modul-1 .modul-1-sag {
    width: 350px;
  }
}
@media (max-width: 768px) {
  .modul-1 .modul-1-sag {
    width: 100%;
  }
}
.modul-1 .modul-1-sag img {
  width: 100%;
  height: 450px;
  border-radius: 15px;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .modul-1 .modul-1-sag img {
    height: 350px;
  }
}
@media (max-width: 1200px) {
  .modul-1 .modul-1-sag img {
    height: 300px;
  }
}
@media (max-width: 992px) {
  .modul-1 .modul-1-sag img {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .modul-1 .modul-1-sag img {
    height: auto;
    max-height: 300px;
  }
}
@media (max-width: 576px) {
  .modul-1 .modul-1-sag img {
    max-height: 230px;
  }
}
.modul-1.m1sag .modul-1-sol {
  order: 2;
}
.modul-1.m1sag .modul-1-sag {
  order: 1;
}

.modul-2 {
  display: flex;
}
@media (max-width: 768px) {
  .modul-2 {
    flex-direction: column;
  }
}
.modul-2 .modul-2-sol {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  flex: 1;
  background-color: #fff;
  border-radius: 15px 0 0 15px;
  padding: 50px;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sol {
    padding: 40px;
  }
}
@media (max-width: 992px) {
  .modul-2 .modul-2-sol {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .modul-2 .modul-2-sol {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .modul-2 .modul-2-sol {
    border-radius: 15px 15px 0 0;
  }
}
@media (max-width: 576px) {
  .modul-2 .modul-2-sol {
    padding: 25px 15px;
  }
}
.modul-2 .modul-2-sol .modul-2-title {
  font-size: 36px;
  line-height: 1.4;
  font-family: var(--font);
  color: var(--mavi);
  font-weight: 700;
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sol .modul-2-title {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .modul-2 .modul-2-sol .modul-2-title {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .modul-2 .modul-2-sol .modul-2-title {
    font-size: 22px;
  }
}
.modul-2 .modul-2-sol .buton {
  margin-top: 15px;
}
.modul-2 .modul-2-sol p {
  font-size: 22px;
  line-height: 1.54;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sol p {
    font-size: 19px;
  }
}
@media (max-width: 1200px) {
  .modul-2 .modul-2-sol p {
    font-size: 16px;
  }
}
.modul-2 .modul-2-sol em {
  display: flex;
  align-items: center;
  gap: 6px;
}
.modul-2 .modul-2-sol em::before {
  content: "";
  width: 23px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sol em::before {
    height: 5px;
  }
}
.modul-2 .modul-2-sol em::after {
  content: "";
  width: 13px;
  height: 8px;
  background-color: var(--turuncu);
  border-radius: 4px;
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sol em::after {
    height: 5px;
  }
}
.modul-2 .modul-2-sag {
  width: 717px;
}
@media (max-width: 1400px) {
  .modul-2 .modul-2-sag {
    width: 600px;
  }
}
@media (max-width: 1200px) {
  .modul-2 .modul-2-sag {
    width: 500px;
  }
}
@media (max-width: 992px) {
  .modul-2 .modul-2-sag {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .modul-2 .modul-2-sag {
    width: 100%;
  }
}
.modul-2 .modul-2-sag img {
  width: 100%;
  height: 100%;
  border-radius: 0 15px 15px 0;
  object-fit: cover;
}
@media (max-width: 768px) {
  .modul-2 .modul-2-sag img {
    border-radius: 0 0 15px 15px;
    max-height: 300px;
    height: auto;
  }
}
@media (max-width: 576px) {
  .modul-2 .modul-2-sag img {
    max-height: 230px;
  }
}

.modul-3 {
  display: flex;
  gap: 50px;
}
@media (max-width: 1400px) {
  .modul-3 {
    gap: 40px;
  }
}
@media (max-width: 992px) {
  .modul-3 {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .modul-3 {
    flex-direction: column;
  }
}
.modul-3 .modul-3-sol {
  width: 424px;
}
@media (max-width: 1400px) {
  .modul-3 .modul-3-sol {
    width: 300px;
  }
}
@media (max-width: 992px) {
  .modul-3 .modul-3-sol {
    width: 250px;
  }
}
@media (max-width: 768px) {
  .modul-3 .modul-3-sol {
    width: 100%;
  }
}
.modul-3 .modul-3-sol img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
@media (max-width: 768px) {
  .modul-3 .modul-3-sol img {
    height: auto;
    max-height: 300px;
  }
}
@media (max-width: 576px) {
  .modul-3 .modul-3-sol img {
    max-height: 230px;
  }
}
.modul-3 .modul-3-sag {
  flex: 1;
  padding: 20px 0;
}
.modul-3 .modul-3-sag ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 36px 0;
}
@media (max-width: 1400px) {
  .modul-3 .modul-3-sag ul {
    gap: 25px 0;
  }
}
@media (max-width: 768px) {
  .modul-3 .modul-3-sag ul {
    gap: 15px;
  }
}
.modul-3 .modul-3-sag ul li {
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .modul-3 .modul-3-sag ul li {
    width: 100%;
  }
}
.modul-3 .modul-3-sag ul li .modul-3-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--mavi);
  font-family: var(--font);
  line-height: 1.3;
}
@media (max-width: 1400px) {
  .modul-3 .modul-3-sag ul li .modul-3-title {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .modul-3 .modul-3-sag ul li .modul-3-title {
    font-size: 21px;
  }
}
.modul-3 .modul-3-sag ul li p {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 1400px) {
  .modul-3 .modul-3-sag ul li p {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .modul-3 .modul-3-sag ul li p {
    font-size: 15px;
  }
}
.modul-3 .modul-3-sag ul li em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 21px;
}
.modul-3 .modul-3-sag ul li em::before {
  content: "";
  width: 23px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}
.modul-3 .modul-3-sag ul li em::after {
  content: "";
  width: 13px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}

.modul-sekme {
  padding: 40px 0 50px;
}
@media (max-width: 576px) {
  .modul-sekme {
    padding: 30px 0 40px;
  }
}

.modul-4 .modul-4-menu {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .modul-4 .modul-4-menu {
    margin-bottom: 20px;
  }
}
.modul-4 .modul-4-menu ul {
  width: 100%;
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 1400px) {
  .modul-4 .modul-4-menu ul {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .modul-4 .modul-4-menu ul {
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .modul-4 .modul-4-menu ul {
    overflow: auto;
    flex-wrap: nowrap;
    padding-bottom: 20px;
  }
  .modul-4 .modul-4-menu ul::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .modul-4 .modul-4-menu ul::-webkit-scrollbar:vertical {
    width: 0;
  }
  .modul-4 .modul-4-menu ul::-webkit-scrollbar:horizontal {
    height: 0;
  }
  .modul-4 .modul-4-menu ul::-webkit-scrollbar-thumb {
    background-color: var(--turuncu);
    border-radius: 0;
    border: 0;
  }
  .modul-4 .modul-4-menu ul::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: none;
  }
}
.modul-4 .modul-4-menu ul li {
  height: 60px;
  padding: 0 30px;
  border-radius: 0 30px 30px 30px;
  background-color: #fff;
  color: var(--mavi);
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: 300ms background-color, 300ms color;
}
@media (max-width: 1200px) {
  .modul-4 .modul-4-menu ul li {
    font-size: 16px;
    height: 50px;
  }
}
@media (max-width: 576px) {
  .modul-4 .modul-4-menu ul li {
    font-size: 15px;
    padding: 0 20px;
    height: 45px;
  }
}
.modul-4 .modul-4-menu ul li.aktif {
  background-color: var(--mavi);
  color: #fff;
}
.modul-4 .modul-4-menu ul li:hover {
  background-color: var(--mavi);
  color: #fff;
}
.modul-4 .modul-4-box {
  display: none;
}
.modul-4 .modul-4-box.goster {
  display: block;
}
.modul-4 .modul-4-box .modul-4-box-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--mavi);
  line-height: 1.4;
  font-family: var(--font);
}
@media (max-width: 1200px) {
  .modul-4 .modul-4-box .modul-4-box-title {
    font-size: 24px;
  }
}
.modul-4 .modul-4-box p {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
  color: var(--mavi);
  margin-bottom: 21px;
}
@media (max-width: 1200px) {
  .modul-4 .modul-4-box p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.modul-4 .modul-4-box em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 33px;
}
.modul-4 .modul-4-box em::before {
  content: "";
  width: 23px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}
.modul-4 .modul-4-box em::after {
  content: "";
  width: 13px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}

.ekip-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 65px 75px;
}
@media (max-width: 1200px) {
  .ekip-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .ekip-list {
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .ekip-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .ekip-list {
    gap: 40px 30px;
  }
}
.ekip-list .ekip-p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ekip-list .ekip-p .ekip-resim {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.ekip-list .ekip-p .ekip-resim img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 100% 100% 100%;
  object-fit: cover;
}
.ekip-list .ekip-p .ekip-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--mavi);
  font-family: var(--font);
  margin-top: 30px;
}
@media (max-width: 1400px) {
  .ekip-list .ekip-p .ekip-title {
    font-size: 24px;
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .ekip-list .ekip-p .ekip-title {
    font-size: 21px;
  }
}
@media (max-width: 576px) {
  .ekip-list .ekip-p .ekip-title {
    font-size: 18px;
  }
}
.ekip-list .ekip-p p {
  font-size: 18px;
  font-weight: 400;
  color: var(--mavi);
  font-style: normal;
}
@media (max-width: 1400px) {
  .ekip-list .ekip-p p {
    font-size: 16px;
  }
}
.ekip-list .ekip-p em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 9px 0 14px;
}
.ekip-list .ekip-p em::before {
  content: "";
  width: 23px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}
.ekip-list .ekip-p em::after {
  content: "";
  width: 13px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}

.sira-form {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
@media (max-width: 992px) {
  .sira-form {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.sira-form .falan {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .sira-form .falan {
    width: 45%;
    flex-grow: 1;
  }
}
@media (max-width: 576px) {
  .sira-form .falan {
    width: 100%;
  }
}
.sira-form .falan p {
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
  opacity: 0.5;
  margin-bottom: 14px;
}
@media (max-width: 1400px) {
  .sira-form .falan p {
    font-size: 16px;
  }
}
.sira-form .falan .text {
  background-color: var(--gri);
}
.sira-form .buton {
  height: 70px;
  padding: 0 70px 0 60px;
  gap: 8px;
}
@media (max-width: 1400px) {
  .sira-form .buton {
    height: 60px;
    padding: 0 50px 0 40px;
  }
}
@media (max-width: 992px) {
  .sira-form .buton {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .sira-form .buton {
    height: 50px;
  }
}
.sira-form .buton span {
  font-size: 20px;
}
@media (max-width: 1400px) {
  .sira-form .buton span {
    font-size: 18px;
  }
}
.sira-form .buton svg {
  font-size: 18px;
}
@media (max-width: 1400px) {
  .sira-form .buton svg {
    font-size: 16px;
  }
}

.sira-sonuclar {
  display: flex;
  align-items: flex-start;
  margin-top: 45px;
  gap: 24px;
}
@media (max-width: 992px) {
  .sira-sonuclar {
    flex-direction: column;
    margin-top: 25px;
  }
}
@media (max-width: 576px) {
  .sira-sonuclar {
    gap: 10px;
  }
}
.sira-sonuclar .sira-sonuc-sol {
  flex: 1;
}
.sira-sonuclar .sira-sonuc-sag {
  padding: 30px 30px 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid #C7C7C7;
  box-shadow: 0px 15px 22px -6px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 310px;
}
@media (max-width: 992px) {
  .sira-sonuclar .sira-sonuc-sag {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .sira-sonuclar .sira-sonuc-sag {
    padding: 15px 15px 0;
  }
}
.sira-sonuclar .sira-sonuc-sag .sira-snuc-sag-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-sonuclar .sira-sonuc-sag .sira-snuc-sag-title {
    font-size: 18px;
  }
}
.sira-sonuclar .sira-sonuc-sag p {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  color: var(--mavi);
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .sira-sonuclar .sira-sonuc-sag p {
    font-size: 14px;
  }
}
.sira-sonuclar .sira-sonuc-sag em {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 13px 0 18px;
}
@media (max-width: 576px) {
  .sira-sonuclar .sira-sonuc-sag em {
    margin: 10px 0 13px;
  }
}
.sira-sonuclar .sira-sonuc-sag em::before {
  content: "";
  width: 23px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}
.sira-sonuclar .sira-sonuc-sag em::after {
  content: "";
  width: 13px;
  height: 5px;
  background-color: var(--turuncu);
  border-radius: 3px;
}
.sira-sonuclar .sira-sonuc-sag ul {
  margin-bottom: 15px;
}
.sira-sonuclar .sira-sonuc-sag ul li {
  list-style-position: inside;
  list-style-type: disc;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-sonuclar .sira-sonuc-sag ul li {
    font-size: 14px;
  }
}

.sira-loading {
  width: 100%;
  max-width: 380px;
  padding: 20px 20px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  border-radius: 15px;
  background-color: var(--gri);
  margin: 0 auto;
}
@media (max-width: 576px) {
  .sira-loading {
    padding: 15px;
  }
}
.sira-loading svg {
  font-size: 29px;
  color: var(--turuncu);
  animation: infinite 1.5s don linear;
}
@media (max-width: 576px) {
  .sira-loading svg {
    font-size: 22px;
  }
}
.sira-loading span {
  font-size: 18px;
  font-weight: 500;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-loading span {
    font-size: 16px;
  }
}
@keyframes don {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

.sira-1 {
  display: flex;
  flex-direction: column;
  padding: 25px 30px;
  border-radius: 15px;
  border: 1px solid #C7C7C7;
  box-shadow: 0px 15px 22px -6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .sira-1 {
    padding: 15px 20px;
    margin-bottom: 10px;
  }
}
.sira-1 .sira-1-baslik {
  display: flex;
  align-items: center;
  gap: 15px;
}
.sira-1 .sira-1-baslik svg {
  font-size: 26px;
  color: var(--turuncu);
}
@media (max-width: 576px) {
  .sira-1 .sira-1-baslik svg {
    font-size: 22px;
  }
}
.sira-1 .sira-1-baslik span {
  font-size: 20px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-1 .sira-1-baslik span {
    font-size: 18px;
  }
}
.sira-1 p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--mavi);
  margin-top: 12px;
}
@media (max-width: 576px) {
  .sira-1 p {
    font-size: 14px;
  }
}
.sira-1.stamam {
  background-color: #E7FFEC;
  border-color: #6FBB84;
}
.sira-1.stamam svg {
  color: #6FBB84;
}
.sira-1.suyari {
  background-color: #ffefd6;
  border-color: #da9c62;
}
.sira-1.suyari svg {
  color: #da9c62;
}
.sira-1.shata {
  background-color: #ffd6d6;
  border-color: #da6262;
}
.sira-1.shata svg {
  color: #da6262;
}

.sira-2 {
  display: flex;
  padding: 25px 30px;
  border-radius: 15px;
  border: 1px solid #C7C7C7;
  box-shadow: 0px 15px 22px -6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 20px;
  gap: 17px;
  position: relative;
  align-items: center;
}
@media (max-width: 576px) {
  .sira-2 {
    padding: 15px;
    gap: 15px;
  }
}
.sira-2 em {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--mavi);
  background-color: var(--gri);
  border-radius: 100%;
  font-style: normal;
}
@media (max-width: 576px) {
  .sira-2 em {
    font-size: 18px;
    width: 35px;
    height: 35px;
  }
}
.sira-2 .sira-2-alan {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sira-2 .sira-2-alan span {
  font-size: 16px;
  font-weight: 700;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-2 .sira-2-alan span {
    font-size: 15px;
  }
}
.sira-2 .sira-2-alan p {
  font-size: 16px;
  font-weight: 400;
  color: var(--mavi);
}
@media (max-width: 576px) {
  .sira-2 .sira-2-alan p {
    font-size: 15px;
  }
}
.sira-2 .sira-2-alan p a {
  color: var(--mavi);
}
.sira-2 .sira-2-alan p a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sira-2.stamam {
  background-color: #E7FFEC;
  border-color: #6FBB84;
}
.sira-2.stamam em {
  background-color: #6FBB84;
  color: #fff;
}
.sira-2.suyari {
  background-color: #ffefd6;
  border-color: #da9c62;
}
.sira-2.suyari em {
  background-color: #da9c62;
  color: #fff;
}
.sira-2.shata {
  background-color: #ffd6d6;
  border-color: #da6262;
}
.sira-2.shata em {
  background-color: #da6262;
  color: #fff;
}

button {
  border: 0 !important;
}

/*# sourceMappingURL=style.css.map */