:root {
  --mavi: #193D75;
  --mavi-acik: #99B3D4;
  --mavi-bg: #F2F8FF;
  --mavi-gra: linear-gradient(92.9deg, #193D75 2.57%, #366CC1 78.05%);
  --mavi-acik-gra: radial-gradient(90.85% 207.69% at 9.15% 46.7%, #EBF4FF 0%, #FFFFFF 100%);
  --mavi-border: 6px 6px 0px var(--mavi-acik);
  --kirmizi: #CF6868;
  --kirmizi-border: 6px 6px 0px var(--kirmizi);
  --beyaz: #ffffff;
  --siyah: #000000;
  --yesil: #119453;
  --yesil-gra: linear-gradient(80.56deg, #0ABA69 -2.34%, #62CA74 126.09%);
  --youtube: #FF0000;
  --youtube-border: 6px 6px 0px #FF0000;
  --youtube-gra: radial-gradient(74.15% 251.07% at -17.47% -33.44%, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.04) 100%); }

  *{
    user-select: none;
  }
html {
  scroll-behavior: smooth; }

@media (min-width: 1024px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none; }

  ::-webkit-scrollbar:vertical {
    width: 12px; }

  ::-webkit-scrollbar:horizontal {
    height: 12px; }

  ::-webkit-scrollbar-thumb {
    background-color: var(--mavi-acik);
    border-radius: 6px;
    border: 0; }

  ::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: transparent; } }
a {
  cursor: pointer;
  transition: 300ms color, 300ms background-color; }

body {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  min-height: 100vh;
  font-weight: 400;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden; }

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

.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 12px;
  box-sizing: border-box; }
  @media (min-width: 640px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      max-width: 768px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px; } }
  @media (min-width: 1400px) {
    .container {
      max-width: 1400px; } }
  @media (min-width: 1524px) {
    .container {
      max-width: 1524px; } }

.duyuru {
  background: var(--mavi-gra); }
  .duyuru a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: 20px;
    font-weight: 700;
    color: var(--beyaz);
    line-height: 1.4;
    padding-block: 20px; }
    @media (max-width: 1524px) {
      .duyuru a {
        gap: 12px;
        font-size: 18px;
        padding-block: 15px; } }
    @media (max-width: 1280px) {
      .duyuru a {
        font-size: 16px;
        padding-block: 12px; } }
    @media (max-width: 1024px) {
      .duyuru a {
        gap: 10px;
        text-align: center; } }
    @media (max-width: 640px) {
      .duyuru a {
        font-size: 14px; } }
    .duyuru a:hover {
      text-decoration-line: underline;
      text-decoration-style: wavy;
      text-decoration-color: var(--mavi-acik);
      text-decoration-skip-ink: none; }
    .duyuru a svg {
      font-size: 32px; }
      @media (max-width: 1024px) {
        .duyuru a svg {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .duyuru a svg {
          display: none; } }

.header {
  position: relative;
  z-index: 999; }
  .header .container {
    display: flex;
    align-items: center;
    gap: 95px;
    padding-block: 31px; }
    @media (max-width: 1524px) {
      .header .container {
        gap: 60px;
        padding-block: 20px; } }
    @media (max-width: 640px) {
      .header .container {
        gap: 0;
        padding-block: 15px; } }
  .header .logo img {
    max-width: 372px;
    height: auto; }
    @media (max-width: 1524px) {
      .header .logo img {
        max-width: 300px; } }
    @media (max-width: 1280px) {
      .header .logo img {
        max-width: 240px; } }
    @media (max-width: 1024px) {
      .header .logo img {
        max-width: 280px; } }
    @media (max-width: 640px) {
      .header .logo img {
        max-width: 230px; } }
  .header .ust-menu {
    flex: 1; }
    @media (max-width: 1024px) {
      .header .ust-menu {
        display: none; } }
    .header .ust-menu > ul {
      display: flex;
      align-content: center;
      justify-content: flex-end;
      gap: 40px;
      position: relative; }
      @media (max-width: 1524px) {
        .header .ust-menu > ul {
          gap: 30px; } }
      @media (max-width: 1524px) {
        .header .ust-menu > ul {
          gap: 20px; } }
      .header .ust-menu > ul > li {
        position: relative; }
        .header .ust-menu > ul > li > a {
          padding-block: 24px;
          font-size: 20px;
          font-weight: 600;
          color: var(--siyah);
          position: relative;
          display: block; }
          @media (max-width: 1524px) {
            .header .ust-menu > ul > li > a {
              font-size: 18px;
              padding-block: 20px; } }
          @media (max-width: 1280px) {
            .header .ust-menu > ul > li > a {
              font-size: 15px;
              padding-block: 15px; } }
          .header .ust-menu > ul > li > a::after {
            content: "";
            width: 0;
            height: 5px;
            border-radius: 3px;
            background: var(--kirmizi);
            position: absolute;
            left: 0;
            bottom: 10px;
            pointer-events: none;
            transition: 300ms width; }
        .header .ust-menu > ul > li:hover > a::after {
          width: 100%; }
        .header .ust-menu > ul > li:has(ul) > a {
          padding-right: 26px;
          background-image: url(../images/aok.svg);
          background-position: right center;
          background-repeat: no-repeat; }
          @media (max-width: 1280px) {
            .header .ust-menu > ul > li:has(ul) > a {
              background-size: 15px;
              padding-right: 20px; } }
        .header .ust-menu > ul > li ul {
          position: absolute;
          left: -30px;
          top: 120%;
          background-color: var(--mavi-bg);
          padding: 24px 32px;
          border-radius: 20px;
          border: 1px solid var(--mavi-acik);
          pointer-events: none;
          opacity: 0;
          transition: 300ms all;
          box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15); }
          @media (max-width: 1524px) {
            .header .ust-menu > ul > li ul {
              padding: 18px 24px; } }
          .header .ust-menu > ul > li ul::before {
            content: "";
            border: 14px solid transparent;
            border-bottom-color: var(--mavi-acik);
            position: absolute;
            left: 80px;
            bottom: 100%;
            pointer-events: none; }
            @media (max-width: 1524px) {
              .header .ust-menu > ul > li ul::before {
                border-width: 10px; } }
          .header .ust-menu > ul > li ul li a {
            white-space: nowrap;
            padding-block: 14px;
            display: block;
            font-size: 20px;
            font-weight: 600;
            color: var(--mavi); }
            @media (max-width: 1524px) {
              .header .ust-menu > ul > li ul li a {
                font-size: 18px;
                padding-block: 10px; } }
            @media (max-width: 1280px) {
              .header .ust-menu > ul > li ul li a {
                font-size: 16px;
                padding-block: 8px; } }
            .header .ust-menu > ul > li ul li a:hover {
              text-decoration-line: underline;
              text-decoration-style: wavy;
              text-decoration-color: var(--mavi-acik);
              text-decoration-skip-ink: none; }
        .header .ust-menu > ul > li:hover ul {
          opacity: 1;
          top: 100%;
          pointer-events: all; }

.header-alt {
  margin-top: -7px; }
  @media (max-width: 1024px) {
    .header-alt {
      margin-top: 10px; } }
  @media (max-width: 768px) {
    .header-alt {
      padding-inline: 12px; } }
  .header-alt .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px; }
    @media (max-width: 1524px) {
      .header-alt .container {
        gap: 15px; } }
    @media (max-width: 1024px) {
      .header-alt .container {
        background-color: var(--mavi-bg);
        border: 1px solid var(--mavi-acik);
        padding-block: 12px;
        border-radius: 999px;
        padding-left: 20px; }
        .header-alt .container .telefon-buton {
          flex: 1; } }
    @media (max-width: 768px) {
      .header-alt .container .whatsapp-buton {
        padding: 0;
        width: 50px;
        height: 50px;
        justify-content: center; }
        .header-alt .container .whatsapp-buton span {
          display: none; } }
    @media (max-width: 640px) {
      .header-alt .container {
        gap: 8px;
        padding-left: 14px; } }

.daire1 {
  position: absolute;
  width: 635px;
  aspect-ratio: 1 / 1;
  left: -294px;
  top: 227px;
  background: rgba(25, 61, 117, 0.2);
  filter: blur(178.35px);
  pointer-events: none;
  z-index: -1; }

.daire2 {
  position: absolute;
  width: 235px;
  aspect-ratio: 1 / 1;
  left: 50%;
  transform: translateX(-50%);
  top: 91px;
  background: rgba(25, 61, 117, 0.4);
  filter: blur(178.35px);
  pointer-events: none;
  z-index: -1; }

.daire3 {
  position: absolute;
  width: 222px;
  aspect-ratio: 1 / 1;
  right: 0;
  top: 215px;
  background: rgba(25, 61, 117, 0.5);
  filter: blur(178.35px);
  pointer-events: none;
  z-index: -1; }

.hover {
  position: relative; }
  .hover::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background: #FFF;
    background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    opacity: 0;
    transition: 300ms opacity;
    position: absolute;
    left: 0;
    top: 0; }
  .hover:hover::after {
    opacity: 1; }

.telefon-buton {
  display: flex;
  align-items: center;
  gap: 12px; }
  .telefon-buton svg {
    font-size: 36px;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .telefon-buton svg {
        font-size: 30px; } }
  .telefon-buton span {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    @media (max-width: 1524px) {
      .telefon-buton span {
        gap: 5px; } }
    .telefon-buton span em {
      font-size: 20px;
      line-height: 1;
      color: var(--kirmizi);
      font-weight: 700;
      font-style: normal; }
      @media (max-width: 1524px) {
        .telefon-buton span em {
          font-size: 16px; } }
    .telefon-buton span a {
      font-size: 24px;
      color: var(--mavi);
      line-height: 1;
      font-weight: 800; }
      @media (max-width: 1524px) {
        .telefon-buton span a {
          font-size: 20px; } }

.whatsapp-buton {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: var(--yesil-gra);
  color: var(--beyaz);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  white-space: nowrap;
  padding: 12px 28px 12px 16px; }
  @media (max-width: 1524px) {
    .whatsapp-buton {
      font-size: 16px;
      padding: 10px 20px 10px 12px; } }
  .whatsapp-buton svg {
    font-size: 40px; }
    @media (max-width: 1524px) {
      .whatsapp-buton svg {
        font-size: 30px; } }

.youtube-buton {
  width: 64px;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  background-color: var(--youtube);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--beyaz);
  font-size: 36px; }
  @media (max-width: 1524px) {
    .youtube-buton {
      width: 50px;
      font-size: 30px; } }

.module-1 {
  padding-block: 28px 32px; }
  @media (max-width: 640px) {
    .module-1 {
      padding-block: 20px 30px; } }
  .module-1 .m1-ic {
    display: flex; }
    @media (max-width: 1280px) {
      .module-1 .m1-ic {
        gap: 40px; } }
    @media (max-width: 1024px) {
      .module-1 .m1-ic {
        width: 100%;
        gap: 0; } }
    .module-1 .m1-ic .m1-sol {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding-top: 30px; }
      @media (max-width: 1524px) {
        .module-1 .m1-ic .m1-sol {
          padding-top: 20px; } }
      @media (max-width: 640px) {
        .module-1 .m1-ic .m1-sol {
          padding-top: 0; } }
      .module-1 .m1-ic .m1-sol .ust-title {
        font-size: 24px;
        font-weight: 800;
        color: var(--kirmizi); }
        @media (max-width: 1524px) {
          .module-1 .m1-ic .m1-sol .ust-title {
            font-size: 20px; } }
        @media (max-width: 1280px) {
          .module-1 .m1-ic .m1-sol .ust-title {
            font-size: 18px; } }
        @media (max-width: 640px) {
          .module-1 .m1-ic .m1-sol .ust-title {
            font-size: 16px; } }
      .module-1 .m1-ic .m1-sol .title {
        font-size: 63px;
        font-weight: 800;
        color: var(--mavi);
        letter-spacing: -1px;
        margin-top: 16px;
        line-height: 1.2; }
        @media (max-width: 1524px) {
          .module-1 .m1-ic .m1-sol .title {
            font-size: 50px;
            margin-top: 10px; } }
        @media (max-width: 1280px) {
          .module-1 .m1-ic .m1-sol .title {
            font-size: 40px; } }
        @media (max-width: 640px) {
          .module-1 .m1-ic .m1-sol .title {
            font-size: 34px; } }
      .module-1 .m1-ic .m1-sol p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 500;
        color: var(--mavi);
        margin-top: 14px; }
        @media (max-width: 1524px) {
          .module-1 .m1-ic .m1-sol p {
            font-size: 16px;
            margin-top: 12px; } }
      .module-1 .m1-ic .m1-sol .butonlar {
        display: flex;
        align-items: center;
        margin-top: 61px;
        gap: 12px; }
        @media (max-width: 1524px) {
          .module-1 .m1-ic .m1-sol .butonlar {
            margin-top: 40px;
            gap: 10px; } }
        @media (max-width: 1280px) {
          .module-1 .m1-ic .m1-sol .butonlar {
            flex-direction: column;
            align-items: flex-start; }
            .module-1 .m1-ic .m1-sol .butonlar > * {
              width: 100%;
              justify-content: center; } }
        @media (max-width: 1024px) {
          .module-1 .m1-ic .m1-sol .butonlar {
            flex-direction: row; }
            .module-1 .m1-ic .m1-sol .butonlar > * {
              width: auto;
              flex: 1; } }
        @media (max-width: 640px) {
          .module-1 .m1-ic .m1-sol .butonlar {
            flex-direction: column;
            margin-top: 30px; }
            .module-1 .m1-ic .m1-sol .butonlar > * {
              width: 100%;
              flex: none; } }
    .module-1 .m1-ic .resim img {
      mix-blend-mode: darken;
      height: auto;
      max-width: 753px; }
      @media (max-width: 1524px) {
        .module-1 .m1-ic .resim img {
          max-width: 700px; } }
      @media (max-width: 1400px) {
        .module-1 .m1-ic .resim img {
          max-width: 600px; } }
      @media (max-width: 1280px) {
        .module-1 .m1-ic .resim img {
          max-width: 500px; } }
      @media (max-width: 1024px) {
        .module-1 .m1-ic .resim img {
          display: none; } }

.icon-buton {
  display: flex;
  align-items: center;
  padding: 0 36px 0 24px;
  border-radius: 999px;
  background: var(--mavi-gra);
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--beyaz);
  height: 72px; }
  @media (max-width: 1524px) {
    .icon-buton {
      height: 60px;
      padding: 0 28px 0 20px;
      font-size: 18px; } }
  .icon-buton svg {
    font-size: 32px; }
    @media (max-width: 1524px) {
      .icon-buton svg {
        font-size: 28px; } }
  .icon-buton:hover::after {
    opacity: .5; }

.whatsapp-buton-border {
  display: flex;
  align-items: center;
  padding: 0 36px 0 24px;
  border-radius: 999px;
  border: 1px solid var(--yesil);
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: var(--yesil);
  height: 72px; }
  @media (max-width: 1524px) {
    .whatsapp-buton-border {
      height: 60px;
      padding: 0 28px 0 20px;
      font-size: 18px; } }
  .whatsapp-buton-border svg {
    font-size: 44px; }
    @media (max-width: 1524px) {
      .whatsapp-buton-border svg {
        font-size: 36px; } }
  .whatsapp-buton-border.hover:hover::after {
    background: var(--yesil);
    opacity: 0.1; }

.ana-baslik {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 40px;
  padding-right: 140px; }
  @media (max-width: 1524px) {
    .ana-baslik {
      padding-right: 130px;
      gap: 4px; } }
  .ana-baslik.center {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: 0; }
  .ana-baslik .title {
    font-size: 32px;
    font-weight: 700;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .ana-baslik .title {
        font-size: 28px; } }
    @media (max-width: 1024px) {
      .ana-baslik .title {
        font-size: 24px; } }
    @media (max-width: 640px) {
      .ana-baslik .title {
        font-size: 22px;
        font-weight: 800; } }
  .ana-baslik p {
    font-size: 20px;
    font-weight: 400;
    color: var(--mavi);
    line-height: 1.5; }
    @media (max-width: 1524px) {
      .ana-baslik p {
        font-size: 18px; } }
    @media (max-width: 1024px) {
      .ana-baslik p {
        font-size: 16px; } }
    @media (max-width: 640px) {
      .ana-baslik p {
        font-size: 14px; } }
  .ana-baslik em {
    width: 2px;
    height: 48px;
    background-color: var(--kirmizi);
    margin-top: 24px; }
    @media (max-width: 1524px) {
      .ana-baslik em {
        height: 36px;
        margin-top: 15px; } }
    @media (max-width: 640px) {
      .ana-baslik em {
        height: 30px; } }

.module-2 {
  padding-bottom: 100px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 1024px) {
    .module-2 .butonlar {
      bottom: calc(100% + 28px) !important; } }
  @media (max-width: 640px) {
    .module-2 {
      padding-bottom: 60px; } }

.yorum-slider,
.hizmet-slider {
  position: relative; }
  .yorum-slider .butonlar,
  .hizmet-slider .butonlar {
    position: absolute;
    bottom: calc(100% + 34px);
    display: flex;
    align-items: center;
    right: 0;
    gap: 8px;
    z-index: 1; }

.blog {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative; }
  .blog .resim {
    width: 100%;
    aspect-ratio: 1.68 / 1; }
    .blog .resim img {
      width: 100%;
      height: 100%;
      border-radius: 20px;
      border: 1px solid var(--mavi-acik);
      box-shadow: var(--mavi-border);
      transition: 300ms all; }
  .blog .title {
    margin-top: 24px; }
    @media (max-width: 1524px) {
      .blog .title {
        margin-top: 20px; } }
    .blog .title a {
      font-size: 26px;
      font-weight: 700;
      color: var(--mavi);
      line-height: 1.4;
      padding-inline: 12px;
      display: block; }
      @media (max-width: 1524px) {
        .blog .title a {
          font-size: 22px; } }
      .blog .title a::after {
        content: "";
        position: absolute;
        inset: 0; }
  .blog p {
    font-size: 18px;
    font-weight: 400;
    color: var(--mavi);
    padding-inline: 12px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 12px; }
    @media (max-width: 1524px) {
      .blog p {
        font-size: 16px;
        margin-top: 10px; } }
  .blog:hover {
    --mavi-border: var(--kirmizi-border);
    --mavi-acik: var(--kirmizi); }
    .blog:hover .title {
      --mavi: var(--kirmizi) ; }

.sg,
.si {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background-color: var(--mavi);
  color: var(--beyaz);
  cursor: pointer; }
  @media (max-width: 640px) {
    .sg,
    .si {
      width: 40px;
      height: 40px;
      font-size: 22px; } }
  .sg.swiper-button-disabled,
  .si.swiper-button-disabled {
    background-color: var(--mavi-acik);
    pointer-events: none; }
  .sg.swiper-button-lock,
  .si.swiper-button-lock {
    display: none; }

.sg {
  rotate: -180deg; }

.module-3 {
  position: relative;
  padding-block: 70px 100px; }
  @media (max-width: 1524px) {
    .module-3 {
      padding-bottom: 70px; } }
  @media (max-width: 640px) {
    .module-3 {
      padding-block: 40px; } }
  .module-3::before {
    content: "";
    width: 100%;
    height: 106px;
    background: linear-gradient(180deg, rgba(25, 61, 117, 0.05) 0%, rgba(25, 61, 117, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .module-3 .m3-icerik {
    margin-top: 52px;
    display: grid;
    grid-template-columns: repeat(4, 328px);
    justify-content: space-between; }
    @media (max-width: 1524px) {
      .module-3 .m3-icerik {
        margin-top: 40px;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px; } }
    @media (max-width: 1280px) {
      .module-3 .m3-icerik {
        grid-template-columns: repeat(2, 1fr);
        gap: 60px 30px; } }
    @media (max-width: 640px) {
      .module-3 .m3-icerik {
        display: flex;
        width: calc(100% + 24px);
        margin-inline: -12px;
        padding-inline: 12px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth; }
        .module-3 .m3-icerik::-webkit-scrollbar {
          display: none; } }
    .module-3 .m3-icerik .m3-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 23px; }
      @media (max-width: 1524px) {
        .module-3 .m3-icerik .m3-item {
          gap: 15px; } }
      @media (max-width: 640px) {
        .module-3 .m3-icerik .m3-item {
          width: 70%;
          flex-shrink: 0;
          scroll-snap-align: center; } }
      .module-3 .m3-icerik .m3-item svg {
        font-size: 60px;
        color: var(--kirmizi); }
        @media (max-width: 640px) {
          .module-3 .m3-icerik .m3-item svg {
            font-size: 50px; } }
      .module-3 .m3-icerik .m3-item span {
        font-size: 28px;
        font-weight: 700;
        color: var(--mavi); }
        @media (max-width: 1524px) {
          .module-3 .m3-icerik .m3-item span {
            font-size: 24px; } }
        @media (max-width: 640px) {
          .module-3 .m3-icerik .m3-item span {
            font-size: 20px; } }
      .module-3 .m3-icerik .m3-item p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        color: var(--mavi); }
        @media (max-width: 1524px) {
          .module-3 .m3-icerik .m3-item p {
            font-size: 18px; } }
        @media (max-width: 640px) {
          .module-3 .m3-icerik .m3-item p {
            font-size: 16px; } }

.module-4 {
  padding-block: 70px; }

.m4-icerik {
  border: 1px solid var(--mavi-acik);
  border-radius: 20px;
  box-shadow: var(--mavi-border);
  position: relative;
  background: var(--mavi-acik-gra);
  display: flex;
  align-items: flex-end; }
  @media (max-width: 640px) {
    .m4-icerik {
      width: calc(100% + 24px);
      margin-inline: -12px;
      padding-inline: 12px; } }
  .m4-icerik .sembol {
    position: absolute;
    right: 57px;
    top: -50px;
    pointer-events: none;
    color: var(--mavi-acik); }
    @media (max-width: 1524px) {
      .m4-icerik .sembol {
        top: -35px; } }
    @media (max-width: 640px) {
      .m4-icerik .sembol {
        right: 20px; } }
    .m4-icerik .sembol svg {
      font-size: 114px; }
      @media (max-width: 1524px) {
        .m4-icerik .sembol svg {
          font-size: 90px; } }
      @media (max-width: 640px) {
        .m4-icerik .sembol svg {
          font-size: 70px; } }
  .m4-icerik .resim {
    padding-inline: 52px;
    position: relative; }
    @media (max-width: 1524px) {
      .m4-icerik .resim {
        padding-inline: 40px; } }
    @media (max-width: 1024px) {
      .m4-icerik .resim {
        display: none; } }
    .m4-icerik .resim .profil {
      width: 429px;
      height: auto;
      position: relative;
      z-index: 1; }
      @media (max-width: 1524px) {
        .m4-icerik .resim .profil {
          width: 380px; } }
    .m4-icerik .resim .blur {
      position: absolute;
      right: -40px;
      top: -70px;
      width: 656px;
      height: auto;
      max-width: none; }
      @media (max-width: 1524px) {
        .m4-icerik .resim .blur {
          width: 550px; } }
  .m4-icerik .m4-sag {
    flex: 1;
    position: relative;
    z-index: 1;
    padding-block: 54px 74px;
    padding-right: 54px; }
    @media (max-width: 1524px) {
      .m4-icerik .m4-sag {
        padding-block: 40px 60px;
        padding-right: 40px; } }
    @media (max-width: 1024px) {
      .m4-icerik .m4-sag {
        padding: 30px; } }
    @media (max-width: 640px) {
      .m4-icerik .m4-sag {
        padding: 20px; } }
    .m4-icerik .m4-sag .ust-baslik {
      font-size: 28px;
      font-weight: 700;
      color: var(--kirmizi);
      line-height: 1.4; }
      @media (max-width: 1524px) {
        .m4-icerik .m4-sag .ust-baslik {
          font-size: 24px; } }
      @media (max-width: 640px) {
        .m4-icerik .m4-sag .ust-baslik {
          font-size: 20px; } }
    .m4-icerik .m4-sag .title {
      font-size: 40px;
      font-weight: 700;
      color: var(--mavi);
      line-height: 1.4; }
      @media (max-width: 1524px) {
        .m4-icerik .m4-sag .title {
          font-size: 35px; } }
      @media (max-width: 640px) {
        .m4-icerik .m4-sag .title {
          font-size: 30px; } }
    .m4-icerik .m4-sag .sosyalmedya {
      margin-top: 24px; }
      @media (max-width: 1524px) {
        .m4-icerik .m4-sag .sosyalmedya {
          margin-top: 20px; } }
    .m4-icerik .m4-sag .m4-yazi {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media (max-width: 1524px) {
        .m4-icerik .m4-sag .m4-yazi {
          margin-top: 35px;
          gap: 20px; } }
      .m4-icerik .m4-sag .m4-yazi p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 400;
        color: var(--mavi); }
        @media (max-width: 1524px) {
          .m4-icerik .m4-sag .m4-yazi p {
            font-size: 18px; } }

.sosyalmedya {
  display: flex;
  align-items: center;
  gap: 24px; }
  @media (max-width: 1524px) {
    .sosyalmedya {
      gap: 18px; } }
  .sosyalmedya a {
    font-size: 36px;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .sosyalmedya a {
        font-size: 30px; } }
    .sosyalmedya a:hover {
      color: var(--kirmizi); }

.module-5 {
  padding-block: 70px;
  overflow: hidden; }
  @media (max-width: 1524px) {
    .module-5 {
      padding-block: 50px; } }

.hizmet {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  border-radius: 20px;
  background: var(--mavi-acik-gra);
  border: 1px solid var(--mavi-acik);
  box-shadow: var(--mavi-border);
  position: relative;
  transition: 300ms all; }
  @media (max-width: 1524px) {
    .hizmet {
      padding: 30px;
      gap: 20px; } }
  .hizmet .title {
    font-size: 28px;
    line-height: 1.4;
    color: var(--mavi);
    font-weight: 700; }
    @media (max-width: 1524px) {
      .hizmet .title {
        font-size: 24px; } }
    .hizmet .title a {
      color: inherit; }
      .hizmet .title a::after {
        content: "";
        position: absolute;
        inset: 0; }
  .hizmet p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .hizmet p {
        font-size: 18px; } }
  .hizmet i {
    width: 56px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background: var(--mavi-gra);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--beyaz);
    font-size: 24px; }
    @media (max-width: 1524px) {
      .hizmet i {
        width: 48px;
        font-size: 20px; } }
  .hizmet .sembol {
    position: absolute;
    right: 20px;
    bottom: 24px;
    pointer-events: none; }
  .hizmet:hover {
    --mavi-border: var(--kirmizi-border);
    --mavi-acik: var(--kirmizi); }

.arayin {
  padding-block: 50px; }
  @media (max-width: 1524px) {
    .arayin {
      padding-block: 40px; } }
  @media (max-width: 640px) {
    .arayin {
      padding-block: 20px; } }
  .arayin.son {
    padding-bottom: 150px; }
    @media (max-width: 1524px) {
      .arayin.son {
        padding-bottom: 100px; } }
    @media (max-width: 640px) {
      .arayin.son {
        padding-bottom: 60px; } }
  .arayin .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
    @media (max-width: 1524px) {
      .arayin .container {
        gap: 15px; } }
    @media (max-width: 1024px) {
      .arayin .container {
        gap: 10px; } }
    .arayin .container .whatsapp-buton {
      height: 72px;
      padding-bottom: 0;
      padding-top: 0; }
      @media (max-width: 1524px) {
        .arayin .container .whatsapp-buton {
          height: 60px; } }
      @media (max-width: 768px) {
        .arayin .container .whatsapp-buton {
          padding-inline: 0;
          width: 60px;
          justify-content: center; }
          .arayin .container .whatsapp-buton span {
            display: none; } }
    @media (max-width: 768px) {
      .arayin .container .telefon-buton {
        flex: 1; } }
    @media (max-width: 640px) {
      .arayin .container .icon-buton {
        width: 60px;
        height: 60px;
        justify-content: center;
        padding: 0; }
        .arayin .container .icon-buton span {
          display: none; } }

.module-6 {
  padding-block: 70px; }
  @media (max-width: 768px) {
    .module-6 {
      padding-block: 40px; } }
  .module-6 .m6-icerik {
    display: flex;
    gap: 60px;
    border-radius: 20px;
    background: radial-gradient(74.15% 251.07% at -17.47% -33.44%, rgba(255, 0, 0, 0) 0%, rgba(255, 0, 0, 0.04) 100%);
    border: 1px solid var(--youtube);
    box-shadow: var(--youtube-border);
    padding: 62px; }
    @media (max-width: 1524px) {
      .module-6 .m6-icerik {
        gap: 40px;
        padding: 50px; } }
    @media (max-width: 1280px) {
      .module-6 .m6-icerik {
        flex-direction: column;
        gap: 40px; } }
    @media (max-width: 1024px) {
      .module-6 .m6-icerik {
        gap: 20px;
        padding: 30px; } }
    @media (max-width: 640px) {
      .module-6 .m6-icerik {
        width: calc(100% + 24px);
        margin-inline: -12px;
        padding-inline: 12px;
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0; } }
    .module-6 .m6-icerik .m6-sol {
      width: 390px;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      @media (max-width: 1524px) {
        .module-6 .m6-icerik .m6-sol {
          width: 350px; } }
      @media (max-width: 1280px) {
        .module-6 .m6-icerik .m6-sol {
          flex-direction: row;
          width: 100%;
          align-items: center;
          gap: 12px; } }
      @media (max-width: 640px) {
        .module-6 .m6-icerik .m6-sol {
          flex-wrap: wrap; } }
      .module-6 .m6-icerik .m6-sol img {
        max-width: 161px; }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sol img {
            max-width: 140px; } }
        @media (max-width: 1280px) {
          .module-6 .m6-icerik .m6-sol img {
            order: 1; } }
        @media (max-width: 1024px) {
          .module-6 .m6-icerik .m6-sol img {
            max-width: 110px; } }
      .module-6 .m6-icerik .m6-sol b {
        margin-top: 60px;
        font-size: 24px;
        font-weight: 700;
        color: rgba(0, 0, 0, 0.5); }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sol b {
            margin-top: 40px;
            font-size: 20px; } }
        @media (max-width: 1280px) {
          .module-6 .m6-icerik .m6-sol b {
            margin-top: 0;
            order: 3;
            font-size: 16px; } }
        @media (max-width: 1024px) {
          .module-6 .m6-icerik .m6-sol b {
            font-size: 14px; } }
      .module-6 .m6-icerik .m6-sol .title {
        font-size: 36px;
        margin-top: 7px;
        font-weight: 700;
        color: var(--siyah); }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sol .title {
            font-size: 30px;
            margin-top: 5px; } }
        @media (max-width: 1280px) {
          .module-6 .m6-icerik .m6-sol .title {
            margin-top: 0;
            order: 2;
            margin-left: auto;
            font-size: 20px; } }
        @media (max-width: 1024px) {
          .module-6 .m6-icerik .m6-sol .title {
            font-size: 18px; } }
      .module-6 .m6-icerik .m6-sol p {
        font-size: 20px;
        font-weight: 400;
        color: var(--siyah);
        line-height: 1.5;
        margin-top: 28px; }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sol p {
            font-size: 18px;
            margin-top: 20px; } }
        @media (max-width: 1280px) {
          .module-6 .m6-icerik .m6-sol p {
            display: none; } }
      .module-6 .m6-icerik .m6-sol .youtube-btn {
        margin-top: 56px; }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sol .youtube-btn {
            margin-top: 40px; } }
        @media (max-width: 1280px) {
          .module-6 .m6-icerik .m6-sol .youtube-btn {
            margin-top: 0;
            order: 4; } }
        @media (max-width: 768px) {
          .module-6 .m6-icerik .m6-sol .youtube-btn {
            width: 50px;
            height: 50px;
            justify-content: center;
            padding: 0; }
            .module-6 .m6-icerik .m6-sol .youtube-btn span {
              display: none; } }
        @media (max-width: 640px) {
          .module-6 .m6-icerik .m6-sol .youtube-btn {
            width: 100%;
            height: initial;
            padding-block: 12px;
            margin-top: 8px; }
            .module-6 .m6-icerik .m6-sol .youtube-btn span {
              display: block; } }
    .module-6 .m6-icerik .m6-sag {
      flex: 1; }
      .module-6 .m6-icerik .m6-sag .videolar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px; }
        @media (max-width: 1524px) {
          .module-6 .m6-icerik .m6-sag .videolar {
            gap: 20px; } }
        @media (max-width: 640px) {
          .module-6 .m6-icerik .m6-sag .videolar {
            display: flex;
            width: calc(100% + 24px);
            margin-inline: -12px;
            padding-inline: 12px;
            overflow: auto;
            border-radius: 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            border-left-width: 0;
            border-right-width: 0;
            padding-bottom: 12px; }
            .module-6 .m6-icerik .m6-sag .videolar::-webkit-scrollbar {
              display: none; }
            .module-6 .m6-icerik .m6-sag .videolar .video {
              width: 85%;
              flex-shrink: 0;
              scroll-snap-align: center; } }

.youtube-btn {
  display: flex;
  align-items: center;
  padding: 16px 28px;
  border-radius: 999px;
  background-color: var(--youtube);
  gap: 9px;
  font-size: 20px;
  font-weight: 600;
  color: var(--beyaz); }
  @media (max-width: 1280px) {
    .youtube-btn {
      padding: 10px 24px;
      font-size: 16px; } }
  .youtube-btn svg {
    font-size: 32px; }
    @media (max-width: 1280px) {
      .youtube-btn svg {
        font-size: 26px; } }

.video {
  aspect-ratio: 1.81 / 1;
  position: relative; }
  .video::after {
    content: "";
    background-image: url(../images/play.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    width: 66px;
    height: 66px;
    transition: 300ms transform; }
    @media (max-width: 1524px) {
      .video::after {
        width: 50px;
        height: 50px; } }
  .video a {
    width: 100%;
    height: 100%; }
    .video a img {
      width: 100%;
      height: 100%;
      border-radius: 20px;
      box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.1);
      transition: 300ms all; }
  .video:hover::after {
    transform: translate(-50%, -50%) scale(1.1); }
  .video:hover a img {
    box-shadow: 6px 6px 0px var(--kirmizi); }

.module-7 {
  padding-block: 30px 60px; }
  @media (max-width: 1524px) {
    .module-7 {
      padding-block: 20px 45px; } }
  .module-7 .butonlar {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px; }
    @media (max-width: 1524px) {
      .module-7 .butonlar {
        margin-top: 50px; } }
    .module-7 .butonlar a {
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 16px 16px 16px 28px;
      border-radius: 99px;
      background-color: var(--mavi-bg);
      border: 1px solid var(--mavi);
      color: var(--mavi);
      font-size: 20px;
      font-weight: 600; }
      @media (max-width: 1524px) {
        .module-7 .butonlar a {
          padding: 12px 12px 12px 20px;
          font-size: 18px; } }
      .module-7 .butonlar a svg {
        font-size: 24px; }
        @media (max-width: 1524px) {
          .module-7 .butonlar a svg {
            font-size: 20px; } }
      .module-7 .butonlar a:hover {
        background-color: var(--mavi);
        color: var(--beyaz); }
  @media (max-width: 640px) {
    .module-7 .listeleme {
      display: flex;
      width: calc(100% + 24px);
      margin-inline: -12px;
      padding-inline: 12px;
      overflow: auto;
      border-radius: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      border-left-width: 0;
      border-right-width: 0;
      padding-bottom: 12px; }
      .module-7 .listeleme::-webkit-scrollbar {
        display: none; }
      .module-7 .listeleme .blog {
        width: 85%;
        flex-shrink: 0;
        scroll-snap-align: center; } }

.listeleme {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 28px; }
  @media (max-width: 1524px) {
    .listeleme {
      gap: 50px 20px; } }
  @media (max-width: 1024px) {
    .listeleme {
      grid-template-columns: repeat(2, 1fr);
      gap: 50px 20px; } }

.module-8 {
  padding-block: 70px;
  overflow: hidden; }
  @media (max-width: 1524px) {
    .module-8 {
      padding-block: 50px; } }
  @media (max-width: 640px) {
    .module-8 {
      padding-block: 30px; } }

.yorum {
  padding: 40px;
  border-radius: 20px;
  border: 1px solid var(--mavi-acik);
  box-shadow: var(--mavi-border);
  background: var(--mavi-acik-gra);
  display: flex;
  flex-direction: column;
  gap: 26px;
  position: relative;
  height: initial; }
  @media (max-width: 1524px) {
    .yorum {
      padding: 30px;
      gap: 20px; } }
  .yorum .ust {
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
    z-index: 1; }
    @media (max-width: 1524px) {
      .yorum .ust {
        gap: 15px; } }
    .yorum .ust img {
      max-width: 59px;
      aspect-ratio: 1 / 1; }
      @media (max-width: 1524px) {
        .yorum .ust img {
          max-width: 50px; } }
    .yorum .ust span {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px; }
      .yorum .ust span b {
        font-weight: 700;
        font-size: 20px;
        color: var(--mavi);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (max-width: 1524px) {
          .yorum .ust span b {
            font-size: 18px; } }
      .yorum .ust span em {
        font-style: normal;
        font-size: 16px;
        font-weight: 700;
        color: var(--kirmizi);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (max-width: 1524px) {
          .yorum .ust span em {
            font-size: 14px; } }
  .yorum p {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
    color: var(--siyah); }
    @media (max-width: 1524px) {
      .yorum p {
        font-size: 18px; } }
  .yorum svg {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 73px;
    opacity: 0.1;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .yorum svg {
        font-size: 60px; } }

.footer {
  background-color: var(--mavi);
  overflow: hidden;
  position: relative; }
  .footer .ust {
    padding-top: 32px;
    padding-bottom: 57px;
    position: relative;
    z-index: 1; }
    .footer .ust .container {
      display: flex;
      justify-content: space-between;
      gap: 40px; }
      @media (max-width: 1024px) {
        .footer .ust .container {
          flex-wrap: wrap; } }
      @media (max-width: 640px) {
        .footer .ust .container {
          gap: 20px; } }
      .footer .ust .container .fmenu {
        display: flex;
        flex-direction: column;
        max-width: 380px;
        padding-top: 30px; }
        @media (max-width: 1024px) {
          .footer .ust .container .fmenu {
            max-width: none;
            flex: 1; } }
        @media (max-width: 640px) {
          .footer .ust .container .fmenu {
            width: 100%;
            flex: none; } }
        .footer .ust .container .fmenu .title {
          font-size: 24px;
          font-weight: 700;
          color: var(--beyaz); }
          @media (max-width: 1524px) {
            .footer .ust .container .fmenu .title {
              font-size: 20px; } }
        .footer .ust .container .fmenu ul {
          margin-top: 24px; }
          @media (max-width: 1524px) {
            .footer .ust .container .fmenu ul {
              margin-top: 20px; } }
          .footer .ust .container .fmenu ul li a {
            padding-block: 12px;
            font-size: 20px;
            font-weight: 500;
            color: var(--mavi-acik);
            display: block;
            line-height: 1.2; }
            @media (max-width: 1524px) {
              .footer .ust .container .fmenu ul li a {
                font-size: 18px;
                padding-block: 10px; } }
            .footer .ust .container .fmenu ul li a:hover {
              color: var(--beyaz); }
        .footer .ust .container .fmenu .tumu {
          padding-block: 12px;
          font-size: 20px;
          font-weight: 600;
          color: var(--beyaz);
          display: flex;
          align-items: center;
          gap: 6px; }
          @media (max-width: 1524px) {
            .footer .ust .container .fmenu .tumu {
              font-size: 18px;
              padding-block: 10px; } }
          .footer .ust .container .fmenu .tumu svg {
            font-size: 20px;
            color: var(--kirmizi); }
          .footer .ust .container .fmenu .tumu:hover {
            color: var(--kirmizi); }
  .footer .alt {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-block: 35px; }
    @media (max-width: 1524px) {
      .footer .alt {
        padding-block: 30px; } }
    .footer .alt .container {
      display: flex;
      align-items: center;
      gap: 40px; }
      @media (max-width: 1524px) {
        .footer .alt .container {
          gap: 30px; } }
      @media (max-width: 1024px) {
        .footer .alt .container {
          flex-direction: column;
          gap: 40px; } }
      .footer .alt .container .alt-menu {
        flex: 1; }
        .footer .alt .container .alt-menu ul {
          display: flex;
          align-items: center;
          gap: 10px 20px;
          flex-wrap: wrap; }
          @media (max-width: 768px) {
            .footer .alt .container .alt-menu ul {
              justify-content: center; } }
          .footer .alt .container .alt-menu ul li a {
            font-size: 20px;
            font-weight: 500;
            color: var(--mavi-acik);
            display: block;
            padding-block: 12px; }
            @media (max-width: 1524px) {
              .footer .alt .container .alt-menu ul li a {
                font-size: 18px; } }
            @media (max-width: 768px) {
              .footer .alt .container .alt-menu ul li a {
                padding-block: 0; } }
            .footer .alt .container .alt-menu ul li a:hover {
              color: var(--beyaz); }
      .footer .alt .container .alt-sag {
        display: flex;
        align-items: center;
        gap: 23px; }
        .footer .alt .container .alt-sag span {
          font-size: 18px;
          font-weight: 600;
          color: var(--beyaz); }
          @media (max-width: 1524px) {
            .footer .alt .container .alt-sag span {
              font-size: 16px; } }
        .footer .alt .container .alt-sag a {
          color: var(--beyaz);
          opacity: .4;
          transition: 300ms opacity; }
          .footer .alt .container .alt-sag a svg {
            width: 27px;
            height: 35px; }
          .footer .alt .container .alt-sag a:hover {
            opacity: 1; }
  .footer .fd1 {
    position: absolute;
    width: 658px;
    aspect-ratio: 1 / 1;
    left: -23px;
    top: -107px;
    background: rgba(255, 255, 255, 0.07);
    filter: blur(178.35px);
    pointer-events: none; }
  .footer .fd2 {
    position: absolute;
    width: 489px;
    aspect-ratio: 1 / 1;
    right: -57px;
    bottom: 30px;
    background: rgba(255, 255, 255, 0.05);
    filter: blur(178.35px);
    pointer-events: none; }

.f-ust-bilgi {
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  @media (max-width: 1524px) {
    .f-ust-bilgi {
      width: 450px; } }
  @media (max-width: 1024px) {
    .f-ust-bilgi {
      width: 100%; } }
  .f-ust-bilgi .f-logo {
    padding: 16px;
    border-radius: 8px;
    background-color: var(--beyaz);
    position: relative; }
    .f-ust-bilgi .f-logo img {
      max-width: 348px; }
      @media (max-width: 1524px) {
        .f-ust-bilgi .f-logo img {
          max-width: 300px; } }
    .f-ust-bilgi .f-logo::after {
      content: "";
      border: 10px solid transparent;
      border-top-color: var(--beyaz);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 100%; }
  .f-ust-bilgi .f-adres {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px; }
    .f-ust-bilgi .f-adres span {
      display: flex;
      align-items: center;
      gap: 20px; }
      .f-ust-bilgi .f-adres span svg {
        font-size: 32px;
        color: var(--mavi-acik); }
        @media (max-width: 1524px) {
          .f-ust-bilgi .f-adres span svg {
            font-size: 28px; } }
      .f-ust-bilgi .f-adres span p {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
        color: var(--beyaz);
        flex: 1; }
        @media (max-width: 1524px) {
          .f-ust-bilgi .f-adres span p {
            font-size: 16px; } }
      .f-ust-bilgi .f-adres span a {
        flex: 1;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
        color: var(--beyaz); }
        @media (max-width: 1524px) {
          .f-ust-bilgi .f-adres span a {
            font-size: 16px; } }
  .f-ust-bilgi .f-b-alani {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 40px; }
    @media (max-width: 1524px) {
      .f-ust-bilgi .f-b-alani {
        gap: 30px;
        margin-top: 30px; } }
  .f-ust-bilgi .sosyalmedya a {
    color: var(--beyaz); }
    .f-ust-bilgi .sosyalmedya a:hover {
      color: var(--mavi-acik); }

.mac {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 2px solid var(--mavi);
  color: var(--mavi);
  cursor: pointer;
  padding: 12px;
  border-radius: 12px;
  margin-left: auto; }
  @media (min-width: 1024px) {
    .mac {
      display: none; } }
  @media (max-width: 640px) {
    .mac {
      padding: 10px;
      border-width: 1px;
      border-radius: 8px; } }
  .mac span {
    display: flex;
    flex-direction: column;
    gap: 3px; }
    .mac span em {
      width: 24px;
      height: 3px;
      background-color: var(--mavi);
      border-radius: 3px; }
      @media (max-width: 640px) {
        .mac span em {
          width: 20px;
          height: 2px; } }
  .mac b {
    font-size: 16px;
    font-weight: 700;
    color: var(--mavi); }
    @media (max-width: 640px) {
      .mac b {
        font-size: 14px; } }

.mobil-popup-golge {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: 500ms opacity; }
  .mobil-popup-golge.active {
    opacity: 1;
    pointer-events: all; }

.mobil-popup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: var(--mavi-bg);
  width: 400px;
  height: 100%;
  max-width: 85%;
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  transform: translateX(-700px);
  transition: 500ms transform; }
  .mobil-popup.active {
    transform: translateX(0); }
  .mobil-popup .ust {
    display: flex;
    align-items: center; }
    .mobil-popup .ust img {
      max-width: 230px; }
    .mobil-popup .ust .mobil-popup-kapat {
      font-size: 30px;
      color: var(--siyah);
      background: transparent;
      border: 0;
      cursor: pointer;
      margin-left: auto; }
  .mobil-popup .mobil-menu {
    margin-top: 40px;
    flex: 1; }
    .mobil-popup .mobil-menu ul {
      display: flex;
      flex-direction: column; }
      .mobil-popup .mobil-menu ul li a {
        font-size: 20px;
        font-weight: 600;
        color: var(--siyah);
        padding-block: 10px;
        display: inline-flex; }
        .mobil-popup .mobil-menu ul li a:hover {
          color: var(--kirmizi); }
      .mobil-popup .mobil-menu ul li:has(ul) {
        background-image: url(../images/aok.svg);
        background-position: top 14px right;
        background-repeat: no-repeat;
        background-size: 20px; }
      .mobil-popup .mobil-menu ul li ul {
        padding-left: 20px;
        border-left: 2px solid var(--mavi-acik);
        padding-block: 8px;
        display: none; }
        .mobil-popup .mobil-menu ul li ul li a {
          font-size: 18px;
          display: block; }
      .mobil-popup .mobil-menu ul li.active > a {
        color: var(--kirmizi); }
      .mobil-popup .mobil-menu ul li.active ul {
        display: flex; }
  .mobil-popup .mobil-sosyal {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px; }
  .mobil-popup .sosyalmedya {
    justify-content: center;
    margin-top: 30px; }

.icerikler {
  padding-top: 20px;
  position: relative; }
  .icerikler::before {
    content: "";
    width: 100%;
    height: 106px;
    background: linear-gradient(180deg, rgba(25, 61, 117, 0.05) 0%, rgba(25, 61, 117, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .icerikler .arayin {
    padding-block: 100px; }
    @media (max-width: 1280px) {
      .icerikler .arayin {
        padding-block: 70px; } }
  .icerikler .m4-icerik {
    background: initial;
    border: 0;
    box-shadow: initial;
    margin-top: 40px;
    border-radius: 0;
    padding-inline: 0; }
    @media (max-width: 640px) {
      .icerikler .m4-icerik {
        margin-inline: 0;
        width: 100%;
        margin-top: 30px; } }
    .icerikler .m4-icerik .sembol {
      right: 0; }
      @media (max-width: 1280px) {
        .icerikler .m4-icerik .sembol svg {
          font-size: 70px; } }
      @media (max-width: 640px) {
        .icerikler .m4-icerik .sembol svg {
          font-size: 60px; } }
    .icerikler .m4-icerik .m4-sag {
      padding-right: 0;
      padding-top: 0; }
      @media (max-width: 1024px) {
        .icerikler .m4-icerik .m4-sag {
          padding-left: 0;
          padding-bottom: 70px; } }
      @media (max-width: 640px) {
        .icerikler .m4-icerik .m4-sag {
          padding-bottom: 40px; } }

.band ul {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 8px; }
  .band ul li {
    font-size: 14px;
    font-weight: 600;
    color: var(--mavi);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px; }
    @media (max-width: 640px) {
      .band ul li {
        font-size: 12px; } }
    .band ul li a:hover {
      text-decoration: underline; }
    .band ul li::after {
      content: "/";
      color: var(--mavi-acik); }
    .band ul li:last-child::after {
      display: none; }

.top-title {
  margin-block: 29px 48px;
  font-size: 32px;
  font-weight: 700;
  color: var(--mavi); }
  @media (max-width: 1400px) {
    .top-title {
      margin-block: 20px 36px;
      font-size: 30px; } }
  @media (max-width: 640px) {
    .top-title {
      font-size: 24px;
      margin-block: 15px 30px; } }

.kat-listeleme {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 28px;
  padding-bottom: 85px; }
  @media (max-width: 1400px) {
    .kat-listeleme {
      padding-bottom: 60px; } }
  @media (max-width: 1024px) {
    .kat-listeleme {
      grid-template-columns: repeat(2, 1fr);
      gap: 45px 20px; } }
  @media (max-width: 640px) {
    .kat-listeleme {
      grid-template-columns: repeat(1, 1fr);
      gap: 35px;
      padding-bottom: 40px; } }

.sayfalama {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 130px; }
  @media (max-width: 1400px) {
    .sayfalama {
      margin-bottom: 90px;
      gap: 20px; } }
  @media (max-width: 640px) {
    .sayfalama {
      margin-bottom: 60px; } }
  .sayfalama .sonraki a,
  .sayfalama .onceki a {
    padding: 16px 32px;
    display: flex;
    align-items: center;
    font-size: 20px;
    border-radius: 999px;
    font-weight: 600; }
    @media (max-width: 1400px) {
      .sayfalama .sonraki a,
      .sayfalama .onceki a {
        padding: 12px 28px;
        font-size: 18px; } }
  .sayfalama .onceki a {
    color: var(--mavi);
    border: 1px solid var(--mavi);
    background-color: var(--mavi-bg); }
    .sayfalama .onceki a:hover {
      --mavi: var(--siyah); }
  .sayfalama .sonraki a {
    color: var(--beyaz);
    background: var(--mavi-gra); }
  .sayfalama .sonraki.hover::after {
    pointer-events: none; }

.bilgi {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 40px 40px 60px;
  background: var(--mavi-acik-gra);
  border-radius: 20px 20px 0 0; }
  @media (max-width: 1400px) {
    .bilgi {
      gap: 20px;
      padding: 30px 30px 40px; } }
  @media (max-width: 640px) {
    .bilgi {
      padding: 20px; } }
  .bilgi .title {
    font-size: 32px;
    font-weight: 700;
    color: var(--mavi);
    line-height: 1.4; }
    @media (max-width: 1400px) {
      .bilgi .title {
        font-size: 28px; } }
    @media (max-width: 640px) {
      .bilgi .title {
        font-size: 24px; } }
  .bilgi .yazilar {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    @media (max-width: 1400px) {
      .bilgi .yazilar {
        gap: 20px; } }
    .bilgi .yazilar p {
      font-size: 20px;
      font-weight: 400;
      color: var(--mavi);
      line-height: 1.5; }
      @media (max-width: 1400px) {
        .bilgi .yazilar p {
          font-size: 18px; } }
      @media (max-width: 640px) {
        .bilgi .yazilar p {
          font-size: 16px; } }

.youtube-bar {
  background: var(--youtube-gra);
  border: 1px solid var(--youtube);
  box-shadow: var(--youtube-border);
  border-radius: 20px;
  padding: 32px 32px 32px 44px;
  display: flex;
  align-items: center;
  gap: 32px; }
  @media (max-width: 1524px) {
    .youtube-bar {
      gap: 20px;
      padding: 28px; } }
  @media (max-width: 1024px) {
    .youtube-bar {
      flex-wrap: wrap; }
      .youtube-bar a {
        width: 100%;
        justify-content: center; } }
  @media (max-width: 640px) {
    .youtube-bar {
      padding: 16px;
      flex-direction: column; } }
  .youtube-bar img {
    max-width: 177px; }
    @media (max-width: 1524px) {
      .youtube-bar img {
        max-width: 150px; } }
    @media (max-width: 1024px) {
      .youtube-bar img {
        max-width: 130px; } }
  .youtube-bar .baslik {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 16px; }
    @media (max-width: 640px) {
      .youtube-bar .baslik {
        margin-left: 0;
        margin-top: 10px;
        gap: 10px; } }
    .youtube-bar .baslik span {
      font-size: 28px;
      font-weight: 700;
      color: var(--siyah); }
      @media (max-width: 1524px) {
        .youtube-bar .baslik span {
          font-size: 24px; } }
      @media (max-width: 1024px) {
        .youtube-bar .baslik span {
          font-size: 20px; } }
    .youtube-bar .baslik b {
      font-size: 20px;
      font-weight: 700;
      color: rgba(0, 0, 0, 0.5); }
      @media (max-width: 1524px) {
        .youtube-bar .baslik b {
          font-size: 18px; } }
      @media (max-width: 1024px) {
        .youtube-bar .baslik b {
          font-size: 16px; } }

.video-list {
  margin-top: 67px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px; }
  @media (max-width: 1024px) {
    .video-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      margin-top: 50px; } }
  @media (max-width: 640px) {
    .video-list {
      grid-template-columns: repeat(1, 1fr);
      margin-top: 30px; } }

.arama-alani {
  padding-block: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px; }
  @media (max-width: 1524px) {
    .arama-alani {
      gap: 15px;
      padding-block: 80px; } }
  @media (max-width: 1024px) {
    .arama-alani {
      gap: 10px;
      padding-block: 60px; } }
  .arama-alani .whatsapp-buton {
    height: 72px;
    padding-bottom: 0;
    padding-top: 0; }
    @media (max-width: 1524px) {
      .arama-alani .whatsapp-buton {
        height: 60px; } }
    @media (max-width: 768px) {
      .arama-alani .whatsapp-buton {
        padding-inline: 0;
        width: 60px;
        justify-content: center; }
        .arama-alani .whatsapp-buton span {
          display: none; } }
  @media (max-width: 768px) {
    .arama-alani .telefon-buton {
      flex: 1; } }
  @media (max-width: 640px) {
    .arama-alani .icon-buton {
      width: 60px;
      height: 60px;
      justify-content: center;
      padding: 0; }
      .arama-alani .icon-buton span {
        display: none; } }

.m5-hakkimizda {
  padding-top: 110px;
  position: relative; }
  @media (max-width: 1524px) {
    .m5-hakkimizda {
      padding-top: 80px; } }
  @media (max-width: 1024px) {
    .m5-hakkimizda {
      padding-top: 60px; } }
  @media (max-width: 640px) {
    .m5-hakkimizda {
      padding-top: 40px; } }
  .m5-hakkimizda::before {
    content: "";
    width: 100%;
    height: 106px;
    background: linear-gradient(180deg, rgba(25, 61, 117, 0.05) 0%, rgba(25, 61, 117, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }

.iletisim {
  display: flex;
  background: var(--mavi-acik-gra);
  border-radius: 20px;
  border: 1px solid var(--mavi-acik);
  box-shadow: 6px -6px 0px var(--mavi-acik);
  padding: 55px;
  justify-content: space-between; }
  @media (max-width: 1524px) {
    .iletisim {
      padding: 40px; } }
  @media (max-width: 1280px) {
    .iletisim {
      flex-wrap: wrap;
      gap: 40px; } }
  @media (max-width: 640px) {
    .iletisim {
      flex-direction: column;
      padding: 20px 12px;
      width: calc(100% + 24px);
      margin-inline: -12px;
      gap: 30px; } }
  .iletisim .f-ust-bilgi .f-logo {
    background-color: initial;
    border-radius: 0;
    padding: 0; }
    .iletisim .f-ust-bilgi .f-logo::before {
      display: none; }
  .iletisim .f-ust-bilgi .f-adres span a,
  .iletisim .f-ust-bilgi .f-adres span p {
    color: var(--mavi); }
  .iletisim .f-ust-bilgi .sosyalmedya a {
    color: var(--mavi); }
    .iletisim .f-ust-bilgi .sosyalmedya a:hover {
      color: var(--mavi-acik); }
  .iletisim .calisma-saatleri {
    display: flex;
    flex-direction: column;
    gap: 31px; }
    @media (max-width: 640px) {
      .iletisim .calisma-saatleri {
        gap: 20px; } }
    .iletisim .calisma-saatleri .title {
      font-size: 24px;
      font-weight: 700;
      color: var(--mavi); }
      @media (max-width: 1524px) {
        .iletisim .calisma-saatleri .title {
          font-size: 20px; } }
    .iletisim .calisma-saatleri .gunler {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      @media (max-width: 640px) {
        .iletisim .calisma-saatleri .gunler {
          gap: 8px; } }
      .iletisim .calisma-saatleri .gunler span {
        display: flex;
        align-items: center;
        gap: 29px; }
        .iletisim .calisma-saatleri .gunler span em {
          font-style: normal;
          font-size: 18px;
          font-weight: 500;
          color: var(--mavi);
          flex: 1; }
          @media (max-width: 1524px) {
            .iletisim .calisma-saatleri .gunler span em {
              font-size: 16px; } }
        .iletisim .calisma-saatleri .gunler span b {
          font-size: 18px;
          font-weight: 700;
          color: var(--mavi); }
          @media (max-width: 1524px) {
            .iletisim .calisma-saatleri .gunler span b {
              font-size: 16px; } }
  .iletisim .iletisim-form-alani {
    display: flex;
    flex-direction: column;
    gap: 29px;
    width: 455px; }
    @media (max-width: 1524px) {
      .iletisim .iletisim-form-alani {
        width: 400px; } }
    @media (max-width: 1280px) {
      .iletisim .iletisim-form-alani {
        width: 100%; } }
    @media (max-width: 1024px) {
      .iletisim .iletisim-form-alani {
        flex: 1; } }
    @media (max-width: 640px) {
      .iletisim .iletisim-form-alani {
        gap: 20px; } }
    .iletisim .iletisim-form-alani .title {
      font-size: 24px;
      font-weight: 700;
      color: var(--mavi); }
      @media (max-width: 1524px) {
        .iletisim .iletisim-form-alani .title {
          font-size: 20px; } }
    .iletisim .iletisim-form-alani .form-alani {
      width: 100%; }
      .iletisim .iletisim-form-alani .form-alani .falan {
        position: relative;
        margin-bottom: 12px; }
        .iletisim .iletisim-form-alani .form-alani .falan .wpcf7-not-valid-tip {
          font-size: 12px;
          font-weight: 700;
          color: var(--kirmizi);
          padding-left: 12px;
          padding-top: 6px; }
        .iletisim .iletisim-form-alani .form-alani .falan .ftext {
          width: 100%;
          height: 60px;
          border-radius: 12px;
          background-color: var(--beyaz);
          border: 1px solid var(--mavi-acik);
          box-shadow: 3px 3px 0px var(--mavi-acik);
          padding-inline: 20px;
          font-size: 16px;
          font-weight: 700;
          color: var(--mavi);
          outline: 0;
          transition: 300ms all; }
          @media (max-width: 1524px) {
            .iletisim .iletisim-form-alani .form-alani .falan .ftext {
              height: 50px; } }
          .iletisim .iletisim-form-alani .form-alani .falan .ftext::placeholder {
            color: rgba(25, 61, 117, 0.5);
            opacity: 1; }
          .iletisim .iletisim-form-alani .form-alani .falan .ftext:focus {
            --mavi-acik: var(--mavi); }
        .iletisim .iletisim-form-alani .form-alani .falan .farea {
          width: 100%;
          height: 135px;
          border-radius: 12px;
          background-color: var(--beyaz);
          border: 1px solid var(--mavi-acik);
          box-shadow: 3px 3px 0px var(--mavi-acik);
          padding-inline: 20px;
          padding-block: 12px;
          font-size: 16px;
          font-weight: 700;
          color: var(--mavi);
          outline: 0;
          transition: 300ms all; }
          .iletisim .iletisim-form-alani .form-alani .falan .farea::placeholder {
            color: rgba(25, 61, 117, 0.5);
            opacity: 1; }
          .iletisim .iletisim-form-alani .form-alani .falan .farea:focus {
            --mavi-acik: var(--mavi); }
        .iletisim .iletisim-form-alani .form-alani .falan:has(.wpcf7-not-valid-tip) .farea,
        .iletisim .iletisim-form-alani .form-alani .falan:has(.wpcf7-not-valid-tip) .ftext {
          border: 1px solid var(--kirmizi);
          box-shadow: 3px 3px 0px var(--kirmizi); }
          .iletisim .iletisim-form-alani .form-alani .falan:has(.wpcf7-not-valid-tip) .farea::placeholder,
          .iletisim .iletisim-form-alani .form-alani .falan:has(.wpcf7-not-valid-tip) .ftext::placeholder {
            color: var(--kirmizi); }
      .iletisim .iletisim-form-alani .form-alani .fbutons {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .iletisim .iletisim-form-alani .form-alani .fbutons .fbuton {
          margin-top: 2px;
          padding: 16px 32px;
          border-radius: 999px;
          cursor: pointer;
          background: var(--mavi-gra);
          color: var(--beyaz);
          font-size: 20px;
          font-weight: 600;
          border: 0;
          transition: 300ms padding; }
          @media (max-width: 1524px) {
            .iletisim .iletisim-form-alani .form-alani .fbutons .fbuton {
              padding: 12px 24px;
              font-size: 18px; } }

.harita {
  aspect-ratio: 2.07 / 1;
  padding-block: 24px 45px; }
  @media (max-width: 768px) {
    .harita {
      aspect-ratio: 1 / 1; } }
  .harita iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 20px; }

.detay {
  display: grid;
  grid-template-columns: 1fr 470px;
  gap: 60px;
  margin-top: -10px;
  padding-bottom: 80px; }
  @media (max-width: 1524px) {
    .detay {
      grid-template-columns: 1fr 400px;
      gap: 40px;
      padding-bottom: 60px; } }
  @media (max-width: 1280px) {
    .detay {
      grid-template-columns: 1fr 300px;
      gap: 30px; } }
  @media (max-width: 1024px) {
    .detay {
      grid-template-columns: 1fr;
      gap: 50px;
      padding-bottom: 40px; } }
  .detay .detay-sol .resim {
    width: 100%; }
    .detay .detay-sol .resim img {
      width: 100%;
      height: auto;
      border-radius: 20px; }
  .detay .detay-sol .arama-alani {
    padding-block: 20px;
    background-color: var(--beyaz);
    position: sticky;
    z-index: 9;
    top: 0; }
    .detay .detay-sol .arama-alani .telefon-buton {
      flex: 1; }
    @media (max-width: 1280px) {
      .detay .detay-sol .arama-alani .whatsapp-buton,
      .detay .detay-sol .arama-alani .icon-buton {
        justify-content: center;
        padding: 0;
        width: 60px;
        height: 60px; } }
    @media (max-width: 640px) {
      .detay .detay-sol .arama-alani .whatsapp-buton,
      .detay .detay-sol .arama-alani .icon-buton {
        width: 50px;
        height: 50px; } }
    @media (max-width: 1280px) {
      .detay .detay-sol .arama-alani .whatsapp-buton span,
      .detay .detay-sol .arama-alani .icon-buton span {
        display: none; } }
  .detay .detay-sag .populer-list {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    @media (max-width: 1280px) {
      .detay .detay-sag .populer-list {
        gap: 12px; } }
    .detay .detay-sag .populer-list .hizmet-yatay {
      display: flex;
      align-items: center;
      gap: 20px;
      position: relative; }
      @media (max-width: 1280px) {
        .detay .detay-sag .populer-list .hizmet-yatay {
          gap: 12px; } }
      .detay .detay-sag .populer-list .hizmet-yatay img {
        width: 149px;
        aspect-ratio: 1.49 / 1;
        border-radius: 12px;
        border: 1px solid var(--mavi-acik);
        box-shadow: 4px 4px 0px var(--mavi-acik); }
        @media (max-width: 1524px) {
          .detay .detay-sag .populer-list .hizmet-yatay img {
            width: 130px; } }
        @media (max-width: 1280px) {
          .detay .detay-sag .populer-list .hizmet-yatay img {
            width: 110px; } }
      .detay .detay-sag .populer-list .hizmet-yatay .title {
        font-size: 23px;
        font-weight: 700;
        color: var(--mavi);
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex: 1; }
        @media (max-width: 1524px) {
          .detay .detay-sag .populer-list .hizmet-yatay .title {
            font-size: 20px; } }
        @media (max-width: 1280px) {
          .detay .detay-sag .populer-list .hizmet-yatay .title {
            font-size: 18px; } }
        .detay .detay-sag .populer-list .hizmet-yatay .title:hover {
          color: var(--kirmizi); }
        .detay .detay-sag .populer-list .hizmet-yatay .title a::after {
          content: "";
          position: absolute;
          inset: 0; }

.tipo {
  font-size: 20px;
  font-weight: 400;
  color: var(--siyah);
  line-height: 1.5; }
  @media (max-width: 1400px) {
    .tipo {
      font-size: 18px; } }
  .tipo > * {
    margin-bottom: 24px; }
    @media (max-width: 640px) {
      .tipo > * {
        margin-bottom: 20px; } }
  .tipo h1, .tipo h2, .tipo h3, .tipo h4, .tipo h5, .tipo h6 {
    color: var(--mavi);
    font-weight: 700;
    line-height: 1.3; }
  .tipo b,
  .tipo strong {
    font-weight: 700; }
  .tipo img {
    width: 100%;
    height: auto;
    border-radius: 20px; }
  .tipo blockquote {
    padding-left: 20px;
    border-left: 4px solid var(--mavi-acik); }
  .tipo iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 20px; }
  .tipo a {
    font-weight: 700;
    color: var(--mavi);
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: var(--mavi-acik);
    text-decoration-skip-ink: none; }
    .tipo a:hover {
      color: var(--kirmizi);
      text-decoration-color: var(--kirmizi); }
  .tipo ul {
    list-style-type: disc;
    padding-left: 20px; }
    .tipo ul li {
      margin-bottom: 4px; }
      .tipo ul li::marker {
        color: var(--mavi-acik); }
  .tipo table {
    background-color: var(--mavi-bg);
    border: 1px solid var(--mavi-acik);
    width: 100%;
    padding: 20px;
    text-align: left;
    border-radius: 20px; }
    .tipo table thead {
      color: var(--mavi-acik); }
      .tipo table thead th {
        padding-bottom: 10px; }
    .tipo table tbody td {
      padding-bottom: 10px; }

.sorular-cevaplar {
  margin-top: 80px; }
  @media (max-width: 640px) {
    .sorular-cevaplar {
      margin-top: 50px; } }
  .sorular-cevaplar .sc-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--mavi); }
    @media (max-width: 1524px) {
      .sorular-cevaplar .sc-title {
        font-size: 28px; } }
    @media (max-width: 640px) {
      .sorular-cevaplar .sc-title {
        font-size: 24px;
        line-height: 1.4; } }
  .sorular-cevaplar .soru-cevap-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 40px; }
    @media (max-width: 640px) {
      .sorular-cevaplar .soru-cevap-list {
        margin-top: 30px;
        gap: 8px; } }
  .sorular-cevaplar .soru-cevap {
    background: var(--mavi-acik-gra);
    border: 1px solid var(--mavi-acik);
    border-radius: 20px;
    transition: 300ms border-color; }
    .sorular-cevaplar .soru-cevap .soru {
      padding: 24px;
      display: flex;
      align-items: center;
      cursor: pointer;
      font-size: 21px;
      font-weight: 700;
      color: var(--siyah);
      gap: 20px;
      transition: 300ms color;
      user-select: none; }
      @media (max-width: 1524px) {
        .sorular-cevaplar .soru-cevap .soru {
          font-size: 18px;
          padding: 20px; } }
      @media (max-width: 640px) {
        .sorular-cevaplar .soru-cevap .soru {
          padding: 12px 16px;
          font-size: 16px; } }
      .sorular-cevaplar .soru-cevap .soru span {
        flex: 1; }
      .sorular-cevaplar .soru-cevap .soru i {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--mavi);
        color: var(--beyaz);
        font-size: 22px;
        transition: 300ms all; }
        @media (max-width: 1524px) {
          .sorular-cevaplar .soru-cevap .soru i {
            width: 30px;
            height: 30px;
            font-size: 19px; } }
    .sorular-cevaplar .soru-cevap .cevap {
      display: grid;
      grid-template-rows: 0fr;
      transition: 300ms all;
      padding-inline: 24px; }
      @media (max-width: 1524px) {
        .sorular-cevaplar .soru-cevap .cevap {
          padding-inline: 20px; } }
      @media (max-width: 640px) {
        .sorular-cevaplar .soru-cevap .cevap {
          padding-inline: 16px; } }
      .sorular-cevaplar .soru-cevap .cevap .cevap-text {
        overflow: hidden;
        font-size: 20px;
        font-weight: 400;
        color: var(--siyah);
        line-height: 1.5; }
        @media (max-width: 1524px) {
          .sorular-cevaplar .soru-cevap .cevap .cevap-text {
            font-size: 18px; } }
        @media (max-width: 640px) {
          .sorular-cevaplar .soru-cevap .cevap .cevap-text {
            font-size: 16px; } }
    .sorular-cevaplar .soru-cevap.active {
      border-color: var(--kirmizi); }
      .sorular-cevaplar .soru-cevap.active .soru {
        color: var(--kirmizi); }
        .sorular-cevaplar .soru-cevap.active .soru i {
          background-color: var(--kirmizi);
          transform: rotate(-180deg); }
      .sorular-cevaplar .soru-cevap.active .cevap {
        grid-template-rows: 1fr;
        padding-bottom: 24px;
        margin-top: -10px; }
        @media (max-width: 1524px) {
          .sorular-cevaplar .soru-cevap.active .cevap {
            padding-bottom: 20px; } }
        @media (max-width: 640px) {
          .sorular-cevaplar .soru-cevap.active .cevap {
            margin-top: 0;
            padding-bottom: 16px; } }

.ilgini-cekebilir {
  padding-bottom: 120px; }
  @media (max-width: 640px) {
    .ilgini-cekebilir {
      padding-bottom: 80px; } }

.wa-fixed{
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99;
}
.wpcf7-response-output{
  padding: 10px;
  border-radius: 10px;
  border: 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: var(--siyah);
}
.wpcf7 form .wpcf7-response-output {
  margin: 1em 0 0;
  padding: 1em 1em;
  border: 0 solid #00a0d2;
  text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: 0;
  background: #41C74F;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: 0;
  background: #EE6969;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: 0;
  background: #FFAC2E;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: 0;
  background: #FFE400;
}
.sorualan p{
  position: relative;
}
@media(max-width:576px){
  .wpcf7-response-output {
    font-size: 14px;
    line-height: 18px;
  }
}
.fbutons p{
  display: flex;
  align-items: center;
}
.wpcf7-spinner{
  order: 1;
  margin: 0 10px;
}
.fbutons .fbuton{
  order: 2;
}