@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  --primary-blue: #1f57ff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  margin: 0;
  padding: 0;
}

.walmart {
  position: relative;
  overflow: hidden;
  background: url(assets/images/walmart.png) no-repeat center top;
  background-size: cover;
  padding: 160px 0 195px;
  color: #fff;
  margin-top: -80px;
}

.w-container {
  width: 1200px;
  max-width: calc(100% - 48px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.w-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 18px;
}

.w-sub {
  text-align: center;
  font-size: 23px;
  line-height: 28px;
  max-width: 1100px;
  margin: 0 auto 60px;
}

/* Özellik kutuları */
.w-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  list-style: none;
  gap: 40px;
  padding: 0;
  margin: 0 auto;
  z-index: 2;
}

.w-item {
  text-align: center;
  width: 360px;
  max-width: 100%;
}

/* Beyaz daire kapsayıcı */
.w-ico {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  overflow: visible; /* ikon dışa taşarsa kırpılmasın */
}

/* Gerçek ikon */
.w-icon {
  width: 65%;
  height: auto;
  object-fit: contain;
  display: block;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.w-item-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 10px;
}

.w-item-desc {
  font-size: 18px;
  line-height: 28px;
  opacity: 0.95;
}

/* Alt efektli ışıklar */
.w-glows {
  position: relative;
  height: 220px;
  margin-top: 80px;
}

.w-glows .g {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #fff;
  border-radius: 50%;
  filter: blur(15px);
  opacity: 0.95;
}

.g1 {
  left: calc(16% - 100px);
}
.g2 {
  left: calc(50% - 100px);
}
.g3 {
  left: calc(83% - 100px);
}

/* Beyaz kapsül alan */
.w-pill {
  width: 761px;
  max-width: calc(100% - 48px);
  margin: -184px auto 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, #fff 100%);
  border-radius: 40px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 80px;
  padding: 30px 20px;
  z-index: 3;
  position: relative;
}

/* Mobil görünüm */
@media (max-width: 980px) {
  .walmart {
    padding: 100px 0 120px;
  }

  .w-title {
    font-size: 32px;
    line-height: 38px;
  }

  .w-sub {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
  }

  .w-features {
    grid-template-columns: 1fr;
  }

  .w-item {
    width: 100%;
  }

  .w-ico {
    width: 130px;
    height: 130px;
  }

  .w-icon {
    width: 75%;
  }

  .w-pill {
    font-size: 20px;
    margin-top: -40px;
  }
}

/* === SATIŞ YOLCULUĞU BÖLÜMÜ === */

.sales-journey {
  position: relative;
  width: 100%;
  background: url(assets/images/akis.png) center top / cover no-repeat;
  padding: 80px 0;
  overflow: hidden;
}

/* Başlık */
.section-title,
.section-end {
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  color: #000;
  margin-bottom: 60px;
}

.section-end {
    margin-top: -23px;
    margin-bottom: -10px;
}

/* Yol görseli (sekil.png) */
.road-shape {
    position: absolute;
    top: 180px;
    left: 51%;
    transform: translateX(-50%);
    height: 1640px;
    z-index: 1;
    opacity: 1;
}

/* Her adım (ikon + metin) */
.step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1030px;
  margin: 150px auto;
  z-index: 2;
}

/* İkon */
.step img.icon {
  width: 270px;
  height: 260px;
  object-fit: contain;
}

.step1 img.icon {
    width: 270px;
    height: auto;
    object-fit: contain;
    margin-left: 105px;
}

.step2 .text {
    width: 568px !important;
}
.step.step2 {
    margin-left: 360px;
    margin-top: 65px !important;
}

.step3 .text {
    width: 539px !important;
    margin-top: 19px;
}

.step.step3 {
    margin-right: 350px;
    margin-top: -50px;
    width: 1000px;
}

.step3 img.icon {
    width: 270px;
    height: auto;
    object-fit: contain;
    margin-right: 0;
    margin-top: -20px;
}


.step2 img.icon {
    width: 280px;
    height: auto;
    object-fit: contain;
    margin-left: 0px;
}


.step .text {
    width: 580px;
}



.step h3 {
  font-size: 26px;
  font-weight: 600;
  color: #000;
  margin-bottom: 14px;
}









.step4 img.icon {
    width: 280px;
    height: auto;
    object-fit: contain;
    margin-left: 0;
}


.step.step4 {
    width: 1010px;
    margin-top: -47px;
    margin-left: 355px;
}

.step4 .text {
    width: 573px;
    margin-top: 41px;
    margin-right: -24px;
}

.step p {
  font-size: 23px;
  line-height: 30px;
  color: #000;
}

/* Alternatif hizalama (yolun iki yanı) */
.step1,
.step3 {
  flex-direction: row-reverse;
}


.step.step1 {
    margin-right: 280px;
    margin-top: 60px;
}

/* CTA butonu */
.cta-btn {
    display: block;
    width: 710px;
    max-width: 100%;
    text-align: center;
    background: #071589;
    color: #fff;
    font-weight: 400;
    font-size: 19px;
    padding: 20px;
    border-radius: 8px;
    margin: 60px auto;
    text-decoration: none;
    transition: 0.3s;
}

.cta-btn:hover {
  background: #1c2fb0;
}

/* === MOBİL UYUMLULUK === */
@media (max-width: 980px) {
  .sales-journey {
    padding: 60px 20px;
  }

  .road-shape {
    display: none; /* mobilde çizgiyi kaldır */
  }

  .step {
    flex-direction: column;
    width: 100%;
    margin: 80px auto;
    text-align: center;
  }

  .step img.icon {
    width: 140px;
    height: 140px;
    margin-bottom: 20px;
  }

  .step .text {
    width: 100%;
  }

  .step h3 {
    font-size: 22px;
  }

  .step p {
    font-size: 16px;
    line-height: 26px;
  }

  .cta-btn {
    width: 100%;
    font-size: 17px;
    padding: 16px;
  }
}

/* Header */
.custom-navbar {
  background: #ffffff;
  box-shadow: 0 1px 0px rgb(0 0 0 / 36%);
  height: 117px;
  padding: 0;
  z-index: 2;
}
.custom-navbar-nonborder {
  background: #ffffff;
  height: 117px;
  padding: 0;
  z-index: 2;
}
.custom-container {
  max-width: 1920px;
  padding-left: 120px;
  padding-right: 120px;
  height: 100%;
}

/* Logo */
.navbar-brand {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 29px;
  line-height: 14px;
  color: #000000 !important;
  text-decoration: none;
  padding: 0;
    margin: 0 0 0 4px;}

/* Navigation */
.navbar-collapse {
  height: 100%;
}

.navbar-nav {
  display: flex;
  align-items: center;
  height: 100%;
}

/* Her menü öğesine özel boşluk */
.navbar-nav .nav-item:nth-child(1) { margin-right: 57px; }  /* Ana Sayfa */
.navbar-nav .nav-item:nth-child(2) { margin-right: 43px; }  /* Hizmetlerimiz */
.navbar-nav .nav-item:nth-child(3) { margin-right: 57px; }  /* Blog */
.navbar-nav .nav-item:nth-child(4) { margin-right: 57px; }  /* Hakkımızda */
.navbar-nav .nav-item:nth-child(5) { margin-right: 0px; }  /* İletişim */
.navbar-nav .nav-item:nth-child(6) { margin-right: -15px; }     /* Form Doldur - son, boşluk yok */

.hero-content {
    margin-left: 25px;
    margin-right: -25px;
    margin-top: -30px;
}

.nav-item {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.nav-link {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #050c23 !important;
  padding: 0 !important;
  transition: color 0.2s ease;
  white-space: nowrap;
}

/* Dropdown - Custom Arrow Icon */
.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  /* color: var(--primary-blue) !important; */
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("./assets/icons/dropdown-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  transition: transform 0.2s ease;
}

/* Dropdown menu açıkken ok yukarı dönsün */
.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/* .dropdown-toggle:hover::after {
    filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(2636%) hue-rotate(221deg) brightness(102%) contrast(103%);
} */

/* Dropdown Menu - Figma Styles */
.dropdown-menu {
  width: 295px;
  background: #ffffff;
  border: none;
  border-top: 3px solid #1f57ff;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  margin-top: 0;
  font-family: "Inter";
}

.dropdown-item {
  padding: 12px 28px;
  color: #050c23;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.4;
  transition: all 0.2s ease;
  border: none;
}

.dropdown-item:hover {
  background-color: #f5f7fa;
  color: var(--primary-blue);
}

.dropdown-item:active {
  background-color: #e8edfb;
  color: var(--primary-blue);
}

/* Dropdown divider */
.dropdown-divider {
  margin: 4px 0;
  border-top: 1px solid #e8e8e8;
}

/* Navbar Toggler */
.navbar-toggler {
  border: none;
  padding: 0.5rem;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* Form Doldur Button */
.btn-form-doldur {
  width: 198px;
  height: 59px;
  background: #1f57ff;
  border-radius: 8px;
  border: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  transition: all 0.2s ease;
  margin-left: 56px;
}

.btn-form-doldur:hover {
  background-color: #0d47e6;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(31, 87, 255, 0.3);
}

/* Responsive */
@media (max-width: 1600px) {
  .custom-container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .navbar-nav {
    gap: 40px;
  }

  .btn-form-doldur {
    margin-left: 40px;
  }
}

@media (max-width: 1200px) {
  .custom-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar-nav {
    gap: 30px;
  }

  .btn-form-doldur {
    margin-left: 30px;
  }
}

@media (max-width: 991px) {
  .custom-navbar {
    height: auto;
    padding: 1rem 0;
  }

  .custom-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-brand {
    font-size: 24px;
  }

  .navbar-nav {
    gap: 0;
    padding-top: 1rem;
    height: auto;
  }

  .nav-item {
    width: 100%;
    height: auto;
  }

  .nav-link {
    padding: 0.75rem 0 !important;
    font-size: 18px;
  }

  .dropdown-toggle::after {
    width: 16px;
    height: 16px;
  }

  .dropdown-menu {
    width: 100%;
    position: relative !important;
    transform: none !important;
    box-shadow: none;
    border-left: 3px solid var(--primary-blue);
    border-top: none;
    margin-top: 0.5rem;
  }

  .dropdown-item {
    padding: 10px 20px;
    font-size: 16px;
  }

  .btn-form-doldur {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
}

/* ============================================
   HERO SECTION
============================================ */

.hero-section {
  position: relative;
  height: 695px;
  margin-top: 0;
  overflow: hidden;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("./assets/images/Background.jpg") no-repeat left bottom;
  background-size: auto 100%; /* Görsel biraz büyütsün */
  background-position: 50% 88%; /* Görselin konumunu ayarla */
  z-index: 1;
}

/* Wave artık gerekli değil - silebilirsin */
.hero-wave {
  display: none;
}

.hero-wave::before {
  display: none;
}

/* Hero Container */
.hero-container {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 1680px;
  padding-left: 120px;
}

.hero-container .row {
  height: 100%;
}

/* Geri kalan CSS aynı kalacak... */

/* Hero Content - Sol Taraf */

.hero-title {
  width: 775px;
  max-width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 70px;
  color: #ffffff;
  margin-bottom: 30px;
}

.hero-description {
  width: 624px;
  max-width: 100%;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #a7a9bc;
  margin-bottom: 40px;
}

/* Hero Buttons */
.hero-buttons {
  display: flex;
  align-items: center;
  gap: 59px;
}

.btn-hero-primary {
  width: 198px;
  height: 59px;
  background: #ffffff;
  border-radius: 8px;
  border: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #1f57ff;
  transition: all 0.2s ease;
}

.btn-hero-primary:hover {
  background-color: #f0f4ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.btn-hero-secondary {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  padding-bottom: 8px;
  transition: all 0.2s ease;
}

.btn-hero-secondary::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 124px;
  height: 1px;
  background: #ffffff;
}

.btn-hero-secondary:hover {
  color: #a7a9bc;
}

.btn-hero-secondary:hover::after {
  background: #a7a9bc;
}

.arrow-icon {
  width: 25px;
  height: 25px;
  filter: brightness(0) invert(1);
}

/* Hero Image - Sağ Taraf */
.hero-image {
  position: relative;
  height: 685px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-main-image {
  position: relative;
  width: 704px;
  height: auto;
  max-width: 100%;
  z-index: 2;
}

/* Responsive - Tablet */
@media (max-width: 1600px) {
  .hero-container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .hero-title {
    font-size: 42px;
    line-height: 60px;
    width: 650px;
  }

  .hero-description {
    width: 550px;
    font-size: 17px;
  }

  .hero-main-image {
    width: 600px;
  }
}

@media (max-width: 1200px) {
  .hero-section {
    height: 600px;
  }

  .hero-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-content {
    padding-top: 60px;
  }

  .hero-title {
    font-size: 36px;
    line-height: 50px;
    width: 100%;
  }

  .hero-description {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .hero-image {
    height: 600px;
  }

  .hero-main-image {
    width: 500px;
  }
}

/* Responsive - Mobile */
@media (max-width: 991px) {
  .hero-section {
    height: auto;
    padding: 60px 0 80px;
  }

  .hero-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-container .row {
    height: auto;
  }

  .hero-content {
    padding-top: 0;
    text-align: center;
  }

  .hero-title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 20px;
  }

  .hero-description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .hero-buttons {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .btn-hero-primary {
    width: 100%;
    max-width: 300px;
  }

  .btn-hero-secondary {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }

  .btn-hero-secondary::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .hero-image {
    height: auto;
    margin-top: 40px;
  }

  .hero-main-image {
    width: 100%;
    max-width: 400px;
  }

  .hero-wave {
    height: 80px;
  }
}

@media (max-width: 576px) {
  .hero-title {
    font-size: 28px;
    line-height: 38px;
  }

  .hero-description {
    font-size: 15px;
    line-height: 22px;
  }

  .btn-hero-primary,
  .btn-hero-secondary {
    font-size: 17px;
  }

  .hero-main-image {
    max-width: 320px;
  }
}

/* ==================== Services Section ==================== */
.services-section {
  position: relative;
  width: 100%;
  background: #e1ecf8;
  padding: 65px 0 34px;
  margin-top: -1px;
}

.services-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-title-timeline {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 130px;
    color: #000000;
    margin-bottom: 25px;
    max-width: 592px;
    margin-left: auto;
    margin-right: auto;
}


.section-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #050c23;
  margin-bottom: 25px;
  max-width: 592px;
  margin-left: auto;
  margin-right: auto;
}

.section-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  color: #4c4c4c;
  max-width: 791px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

/* Services Grid */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 293px);
  column-gap: 187px;
  row-gap: 35px;
  justify-content: center;
  margin-bottom: 34px;
  max-width: 1616px;
  margin-left: auto;
  margin-right: auto;
}

.service-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  margin: auto;
}

.service-box {
  position: relative;
  width: 293px;
  height: 115px;
  background: #071589;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 30px;
  margin-bottom: 8px;
  box-shadow: 0px 0px 13px 9px #bcd3fd;
}

/* Vector */

.service-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 27px;
  line-height: 30px;
  color: #ffffff;
  margin: 0;
  text-align: center;
}

.service-icon {
  position: absolute;
  width: 81px;
  height: 81px;
  right: 17px;
  top: 17px;
}

.service-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393a4a;
  max-width: 330px;
  margin: 0 auto;
  width: 330px;
}

/* CTA Button */
.services-cta {
  text-align: center;
}

.btn-services-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 481px;
  height: 44px;
  background: #1f57ff;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-services-cta:hover {
  background: #0d3fcc;
  color: #ffffff;
  transform: translateY(-2px);
}

.cta-arrow {
  width: 17px;
  height: 17px;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .services-grid {
    grid-template-columns: repeat(2, 293px);
    gap: 60px 30px;
  }
}

@media (max-width: 768px) {
  .services-section {
    padding: 40px 0 60px;
  }

  .section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .section-description {
    font-size: 18px;
    line-height: 24px;
  }

  .section-header {
    margin-bottom: 60px;
  }

  .services-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 293px;
  }

  .btn-services-cta {
    width: 100%;
    max-width: 400px;
    font-size: 16px;
  }
}

/* ==================== Amazon Section ==================== */
.amazon-section {
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 70px 0 80px;
  font-family: "Inter", sans-serif;
}

.amazon-container {
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section Header */
.amazon-header {
  text-align: center;
  margin-bottom: 80px;
}


.\.divider-home {
    display: flex
;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.divider-line {
    width: 1300px;
    height: 0px;
    border: 1px solid rgb(0 0 0);
    margin-top: -10px;
}

.amazon-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #050c23;
  margin: 0 auto 20px;
  max-width: 750px;
}

.amazon-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  color: #000000;
  max-width: 1180px;
  margin: 0 auto;
}

/* Amazon Grid */
.amazon-grid {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
    margin: -20px auto;
    max-width: 1330px;
}

/* Amazon Card */
.amazon-card {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 27px;
  align-items: start;
  width: 640px;
}
.amazon-icon-box {
  width: 170px;
  height: 170px;
  background: #07174b;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.amazon-icon {
  width: 110px;
  height: 110px;
  object-fit: contain;
}

.amazon-card-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  color: #050c23;
  margin: 0 0 12px 0;
  margin-top: -12px;
}

.amazon-card-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 27px;
  color: #000000;
  margin: 0;
  padding-right: 5px;
}

/* Responsive Design */
@media (max-width: 991.98px) {
  .amazon-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 768px) {
  .amazon-section {
    padding: 50px 0 60px;
  }

  .amazon-title {
    font-size: 32px;
    line-height: 40px;
  }

  .amazon-description {
    font-size: 18px;
    line-height: 24px;
  }

  .amazon-header {
    margin-bottom: 40px;
  }

  .amazon-card {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .amazon-icon-box {
    width: 140px;
    height: 140px;
    margin: 0 auto;
  }

  .amazon-icon {
    width: 90px;
    height: 90px;
  }

  .amazon-content {
    text-align: center;
    padding-top: 0;
  }

  .amazon-card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .amazon-card-text {
    font-size: 16px;
    line-height: 24px;
  }
}

/* ==================== Sales Journey Section ==================== */
.sales-journey-section {
  position: relative;
  width: 100%;
  background: #e8eff5;
  padding: 80px 0;
  font-family: "Inter", sans-serif;
}

.sales-journey-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.sales-journey-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.sales-journey-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

/* CTA Button */
.sales-journey-cta {
  text-align: center;
}

.btn-sales-journey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 698px;
  height: 73px;
  padding: 15px 25px;
  background: #071589;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.btn-sales-journey:hover {
  opacity: 0.92;
  color: #ffffff;
}

.journey-arrow {
  width: 17px;
  height: 17px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .sales-journey-section {
    padding: 50px 0;
  }

  .sales-journey-content {
    margin-bottom: 30px;
  }

  .btn-sales-journey {
    min-width: 100%;
    max-width: 500px;
    font-size: 16px;
    height: auto;
    padding: 18px 20px;
  }
}

/* CTA Button */
.sales-journey-cta {
  text-align: center;
}

.btn-sales-journey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 698px;
  height: 73px;
  padding: 15px 25px;
  background: #071589;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.btn-sales-journey:hover {
  opacity: 0.92;
  color: #ffffff;
}

.journey-arrow {
  width: 17px;
  height: 17px;
}

/* =========================
   GÖRÜŞLER / TESTIMONIALS
   ========================= */

/* Bölüm arka planı */
.testi {
  position: relative;
  margin-top: -180px; /* üst bölüme taşır */
  padding: 121px 0 120px;
  background: url("assets/images/tercih.png") no-repeat center top / cover;
  overflow: hidden;
  z-index: 5;
}
.testi::before,
.testi::after {
  content: none !important;
}

/* İç kap – Figma genişliği */
.testi__container {
  width: 1510px; /* 3×430 + 2×110 = 1510 */
  max-width: 90vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Başlık */
.testi__title {
  margin: 0 0 100px;
  text-align: center;
  font: 700 42px/50px Inter, system-ui, sans-serif; /* Figma 42/50 */
  color: #07174b;
}

/* Satır + viewport */
.testi__row {
  position: relative;
  display: flex;
  align-items: center;
}
.testi__viewport {
  overflow: hidden;
  flex: 1 1 auto;
}

/* Kartlar ve aralıklar */
.testi__track {
  --gap: 82px; /* Figma boşluk */
  display: flex;
  gap: var(--gap);
  will-change: transform;
}

.testi__card {
  --card-w: 438px;
  --card-h: 240px;
  position: relative;
  flex: 0 0 var(--card-w);
  width: var(--card-w);
  height: var(--card-h);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 14px 22px 64px;
  background: linear-gradient(90deg, #1f57ff 0%, #5d7fff 100%);
  color: #fff;
  border-radius: 0;
  box-shadow: none;
}

/* Kart içi */
.testi__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.testi__avatar {
  width: 46px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #2cca9a;
  object-fit: cover;
}
.testi__name {
  font-weight: 700;
  font-size: 20px;
  line-height: 31px;
}

.testi__text {
  margin: 8px 0 0; /* alt boşluğu footer karşılar */
  font-size: 21px;
  line-height: 35px;
  font-weight: 300; /* Figma paragraf */
}

/* ALT SABİT FOOTER */
.testi__foot {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 9px; /* footer yüksekliği + alt boşluk */
  display: flex;
  gap: 6px;
  align-items: baseline;
}
.testi__label {
  font-weight: 600;
  font-size: 18px;
  line-height: 31px;
}
/* “Aldığı Hizmet:” karşısı bilerek boş */

/* Oklar (container DIŞINDA, chevron CSS ile) */
.testi__prev,
.testi__next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px; /* Figma */
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  transform: translateY(-50%);
}

/* Sağ ok dışarıda */
.testi__next {
  left: 100%;
  margin-left: 40px;
}
/* Sol ok dışarıda – başta gizli; JS bir adım gidince görünür */
.testi__prev {
  right: 100%;
  margin-right: 40px;
  opacity: 0;
  pointer-events: none;
}
.testi__prev.is-on {
  opacity: 1;
  pointer-events: auto;
}

/* Chevron (buton içi BOŞ olmalı) */
.testi__prev::before,
.testi__next::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  border-right: 4px solid #0b1a3d;
  border-bottom: 4px solid #0b1a3d;
  transform-origin: center;
}
.testi__next::before {
  transform: rotate(-45deg);
} /* > */
.testi__prev::before {
  transform: rotate(135deg);
} /* < */

/* ---------- Responsive koruma ----------
   1600px altı: 1200px düzenine dön (taşma olmasın) */
@media (max-width: 1600px) {
  .testi__container {
    width: 1200px;
  }
  .testi__track {
    --gap: 64px;
  }
  .testi__card {
    --card-w: 350px;
    --card-h: 210px;
    padding: 14px 19px 64px;
  }
  .testi__text {
    font-size: 18px;
    line-height: 28px;
  }
  .testi__label {
    font-size: 14px;
    line-height: 22px;
  }
  .testi__prev {
    margin-right: 18px;
  }
  .testi__next {
    margin-left: 18px;
  }
}

/* Tablet ve altı – üst taşmayı azalt */
@media (max-width: 1024px) {
  .testi {
    margin-top: -120px;
    padding-top: 160px;
  }
}

/* ==================== Blog Section ==================== */
.blog-section {
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 80px 0 100px;
  font-family: "Inter", sans-serif;
}

.blog-container {
  max-width: 1174px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Blog Başlık */
.blog-main-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 60px 0;
}

/* Blog Grid */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 338px);
  gap: 80px;
  justify-content: center;
}

/* Blog Card */
.blog-card {
  width: 338px;
  height: 490px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
}

.blog-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

/* Blog Image */
.blog-image {
  position: relative;
  width: 100%;
  height: 169.19px;
  overflow: hidden;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

/* HOW TO Badge */
.blog-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #2cca9a;
  border-radius: 20px;
  padding: 8px 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Blog Content */
.blog-content {
  padding: 25px 20px 28px;
  display: flex;
  flex-direction: column;
  height: calc(490px - 169.19px);
}

.blog-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 44px;
  color: #050c23;
  margin: 0 0 27px 0;
}

.tex-none  {
  text-decoration: none !important;
}

.blog-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393a4a;
  margin: 0 0 auto 0;
  flex-grow: 1;
}

/* Devamını Oku Button */
.blog-btn {
  width: 145px;
  height: 48px;
  background: #2cca9a;
  border-radius: 3px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: auto;
}

.blog-btn:hover {
  background: #25b089;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .blog-grid {
    grid-template-columns: repeat(2, 338px);
    gap: 50px;
  }
}

@media (max-width: 768px) {
  .blog-section {
    padding: 60px 0 80px;
  }

  .blog-main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
  }

  .blog-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 338px;
    margin: 0 auto;
  }

  .blog-card {
    width: 100%;
    max-width: 338px;
  }

  .blog-title {
    font-size: 26px;
    line-height: 36px;
  }

  .blog-description {
    font-size: 15px;
    line-height: 24px;
  }
}

/* ==================== Contact Section ==================== */
.contact-section {
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 60px 0 80px;
  font-family: "Inter", sans-serif;
}

.contact-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 20px;
}

.contact-wrapper {
  display: grid;
  grid-template-columns: 466px 629px;
  gap: 280px;
  justify-content: center;
  align-items: start;
}

/* Sol Taraf - Bilgi */
.contact-info {
  padding-top: 40px;
}
.contact-main-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 50px 0;
}

/* Gradient Text Class */
.gradient-text {
  background: linear-gradient(270deg, #7e9ffe 0%, #2cca9a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.contact-subtitle {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 31px;
  margin: 0 0 30px 0;
}

.contact-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393a4a;
  margin: 0 0 40px 0;
  max-width: 464px;
}

.contact-email {
  display: flex;
  align-items: center;
  gap: 20px;
}

.mail-icon {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

.contact-email span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

/* Sağ Taraf - Form */
.contact-form-wrapper {
  width: 629px;
  padding: 25px 40px 23px 40px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.contact-form {
  width: 100%;
}

/* Form Row (Ad ve Soyad) */
.form-row {
  display: grid;
  grid-template-columns: 257px 257px;
  gap: 25px;
}

/* Form Group */
.form-group {
  margin-bottom: 25px;
}

.form-group:last-of-type {
  margin-bottom: 0;
}

/* Input Styles */
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea {
  width: 100%;
  height: 70px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 0 21px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.65);
  transition: border-color 0.3s ease;
}

.contact-form input::placeholder,
.contact-form select::placeholder,
.contact-form textarea::placeholder {
  color: rgba(0, 0, 0, 0.65);
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #1f57ff;
}

/* Textarea */
.contact-form textarea {
  height: 167px;
  padding: 28px 21px;
  resize: none;
  line-height: 24px;
}

/* Select Dropdown */
.contact-form select {
  appearance: none;
  background-image: url("./assets/icons/dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 22px;
  cursor: pointer;
  padding-right: 50px;
}

/* Captcha Display */
.captcha-display {
  display: flex;
  align-items: center;
  gap: 84px;
  margin-bottom: 31px;
}

.captcha-code {
  width: 165px;
  height: 70px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #000000;
  letter-spacing: 1px;
}

.captcha-refresh {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 14px;
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.3s ease;
}

.captcha-refresh:hover {
  color: #1f57ff;
  text-decoration: underline;
}

/* Submit Button */
.form-submit-btn {
  width: 165px;
  height: 63px;
  background: #1f57ff;
  border-radius: 8px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-submit-btn:hover {
  background: #0d47e6;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .contact-wrapper {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .contact-info {
    text-align: center;
  }

  .contact-email {
    justify-content: center;
  }

  .contact-description {
    max-width: 100%;
  }

  .contact-form-wrapper {
    width: 100%;
    max-width: 629px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .contact-section {
    padding: 60px 0 80px;
  }

  .contact-main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .contact-subtitle {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  .contact-description {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
  }

  .contact-form-wrapper {
    padding: 20px;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    font-size: 16px;
  }

  .captcha-display {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  .form-submit-btn {
    width: 100%;
  }
}

/* ========== FOOTER ========== */
.footer {
  background: #f3f5f6;
  color: #000;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
.footer__wrap {
  max-width: 1600px; /* Figma genişlik referansı */
  margin: 0 auto;
  padding: 64px 24px 28px; /* üst boşluk + alt çizgi ve alt çubukla uyumlu */
}

/* Üst grid */
.footer__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.9fr 1fr; /* Figma oranı */
  column-gap: 40px; /* sütun aralığı */
  row-gap: 24px;
  align-items: start;
}
.footer__col {
  min-width: 0;
}

.footer__brand {
  font-weight: 600;
  font-size: 29px; /* Figma */
  line-height: 36px;
  margin: 0 0 16px;
}
.footer__lead {
  margin: 0;
  max-width: 520px; /* satır uzunluğu Figma’ya yakın */
  font-size: 18px;
  line-height: 28px;
  color: #a7a9bc;
}

.footer__head {
  font-weight: 600;
  font-size: 24px; /* Figma başlık */
  line-height: 28px;
  margin: 6px 0 18px; /* brand/lead ile görsel denge */
}
.footer__head--mt {
  margin-top: 22px;
} /* “Bizi Takip Edin” üst boşluğu */

.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__list li {
  margin: 0 0 18px; /* satır aralığı Figma */
}
.footer__list a {
  color: #000;
  text-decoration: none;
  font-weight: 300;
  font-size: 20px; /* Figma link */
  line-height: 26px;
}
.footer__list a:hover {
  text-decoration: underline;
}
.footer__list--contact a {
  text-decoration: underline;
}

/* Sosyal */
.footer__social {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
.footer__soc {
  display: inline-flex;
  width: 40px;
  height: 40px;
}
.footer__soc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Partnerler */
.footer__partners {
  text-align: center;
  margin: 44px 0 18px; /* grid ile alt çizgi arası */
}
.footer__partners-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 14px;
}
.footer__logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px; /* logolar arası eşit boşluk */
}
.footer__logos img {
  height: 36px; /* Figma’daki ölçeğe en yakın */
  width: auto;
  display: block;
}

.footer__divider {
  border: 0;
  border-top: 1px solid rgb(0 0 0);
  margin: auto;
  width: 89.6%;
  margin-top: 19px;
  margin-bottom: 20px;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 0px 80px;
}

.footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__links a {
  font-family: Lato, Inter, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  text-transform: capitalize;
  text-decoration: none;
}
.footer__links a:hover {
  text-decoration: underline;
}

.footer__copy {
  margin: 0;
  text-align: right;
  font-family: Lato, Inter, sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: #000;
}
.footer__c {
  margin-right: 6px;
}

.start__footer {
  padding: 0px 70px 0px 105px;
}

/* --- Responsive uyarlama (Figma’ya sadık kalarak) --- */
@media (max-width: 1200px) {
  .footer__grid {
    column-gap: 48px;
  }
}
@media (max-width: 992px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
  }
}
@media (max-width: 640px) {
  .footer__grid {
    grid-template-columns: 1fr;
  }
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__copy {
    text-align: left;
  }
  .footer__logos {
    gap: 28px;
  }
}

.intro-section {
  background: #f3f5f6;
  height: 335px; /* figma yüksekliği */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

.intro-container {
  max-width: 905px; /* Figma’daki başlık genişliği */
  padding: 0 16px;
}

.intro-title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  color: #050c23;
  margin: 0 0 20px;
}

.intro-title span {
  display: block;
  background: linear-gradient(90deg, #1fbe9c 0%, #5798ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
      margin-bottom: 30px;
}

.intro-text {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #393a4a;
  max-width: 882px; /* figma ölçüsü */
  margin: 0 auto;
}

/* ==================== Services Cards Section ==================== */
.services-cards-section {
  position: relative;
  width: 100%;
  background: #e1ecf8;
  padding: 60px 0 120px;
  font-family: "Inter", sans-serif;
}

.services-cards-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Başlık */
.services-cards-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #050c23;
  text-align: center;
  margin: 0 0 110px 0;
}

/* Kartlar Grid */
.services-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 450px);
  gap: 157.5px;
  justify-content: center;
}

/* Service Card Box */
.service-card-box {
  width: 450px;
  min-height: 561px;
  background: #ffffff;
  border-radius: 15px;
  padding: 35px 30px 32px;
  box-shadow: 0px 0px 13px 9px #bcd3fd;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card-box:hover {
  transform: translateY(-5px);
  box-shadow: 0px 0px 20px 12px rgba(188, 211, 253, 0.8);
}

a.service-card-btn.service-card-btn-disabled {
  font-size: 16px;
}

/* Card Title */
/* Tüm başlıkları tek satır */
.service-card-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 33px;
  color: #000000;
  margin: 0 0 39px 0;
  white-space: nowrap; /* Bu satırı ekle */
}

/* Amazon başlığını tek satır yap */
.service-card-box:nth-child(2) .service-card-title {
  white-space: nowrap;
}

/* Service List */
.service-card-list {
  list-style: none;
  padding: 0;
  margin: 0 0 auto 0;
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.service-card-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Check Icon */
.service-check-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

/* Service Text */
.service-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #1f57ff;
}

/* Walmart Card - Blurred Items */
.service-card-box:last-child .service-text {
  filter: blur(3.5px);
}

.service-card-box:last-child .service-check-icon {
  filter: blur(3.5px);
}

/* Card Button */
.service-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 195px;
  height: 48px;
  background: #2cca9a;
  border-radius: 3px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s ease;
  margin-top: 32px;
}

.service-card-btn:hover {
  background: #25b089;
  color: #ffffff;
}

.service-card-btn svg {
  width: 20px;
  height: 20px;
}

/* Walmart Button (Yakında) */
.service-card-btn-disabled {
  width: 222px;
}

/* Responsive */
@media (max-width: 1500px) {
  .services-cards-grid {
    grid-template-columns: repeat(2, 450px);
    gap: 80px;
  }
}

@media (max-width: 1000px) {
  .services-cards-grid {
    grid-template-columns: 1fr;
    max-width: 450px;
    margin: 0 auto;
    gap: 60px;
  }

  .service-card-box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .services-cards-section {
    padding: 60px 0 80px;
  }

  .services-cards-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .service-card-box {
    min-height: auto;
    padding: 30px 25px 35px;
  }

  .service-card-title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 30px;
  }

  .service-card-list {
    gap: 18px;
  }

  .service-text {
    font-size: 15px;
    line-height: 24px;
  }

  .service-card-btn {
    width: 100%;
    font-size: 16px;
  }

  .service-card-btn-disabled {
    width: 100%;
  }
}

/* ==================== FAQ Section ==================== */
.faq-section {
  position: relative;
  width: 100%;
  background: #ffffff;
  padding: 100px 0 70px;
  font-family: "Inter", sans-serif;
}

.faq-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Başlık */
.faq-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  color: #050c23;
  text-align: center;
  margin: 0 0 70px 0;
}

/* FAQ List */
.faq-list {
  width: 100%;
}

/* FAQ Item */
.faq-item {
  width: 100%;
  position: relative;
}

/* FAQ Question Button */
.faq-question-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 33px 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}


.faq-question-text {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  text-align: left;
}

/* FAQ Arrow - Sağda ve Daha Kalın */
.faq-arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #000000;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  stroke-width: 2.5;
}

/* Kapalı durumda ok sola (<) */
.faq-item .faq-arrow {
  transform: rotate(180deg);
}

/* Açık durumda ok yukarı (^) */
.faq-item.active .faq-arrow {
  transform: rotate(0deg);
}

/* FAQ Answer Wrapper */
.faq-answer-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 20px;
}

.faq-item.active .faq-answer-wrapper {
  max-height: 300px;
  padding: 0 20px 27px 20px;
}

.faq-answer-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393a4a;
  margin: 0;
}

/* FAQ Divider */
.faq-divider {
  width: 100%;
  height: 1px;
  background: #cdced9;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .faq-section {
    padding: 60px 0 80px;
  }

  .faq-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 40px;
  }

  .faq-question-btn {
    padding: 25px 15px;
  }

  .faq-question-text {
    font-size: 18px;
    line-height: 26px;
  }

  .faq-arrow {
    width: 20px;
    height: 20px;
  }

  .faq-item.active .faq-answer-wrapper {
    padding: 0 15px 20px 15px;
  }

  .faq-answer-text {
    font-size: 15px;
    line-height: 24px;
  }
}

.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 91%;
    left: 0%;
  }
}

/* ==================== Blog Page Section ==================== */
.blog-page-section {
  width: 100%;
  background: #ffffff;
  padding: 44px 0 100px;
  font-family: "Inter", sans-serif;
}

.blog-page-container {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Başlık */
.blog-page-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 66px 0;
}

/* Blog Grid */
.blog-page-grid {
  display: grid;
  grid-template-columns: repeat(3, 375px);
  gap: 90px 180px;
  justify-content: center;
  margin-bottom: 85px;
}

/* Blog Card */
.blog-page-card {
  width: 375px;
  height: 500px;
  background: #ffffff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-page-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.25);
}

.blog-page-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

/* Blog Image */
.blog-page-image {
  width: 375px;
  height: 172px;
  position: relative;
  overflow: hidden;
}

.blog-page-image img {
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0px 0px;
}

.blog-page-badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #1f57ff;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Blog Content */
.blog-page-content {
  padding: 16px 20px 30px;
  display: flex;
  flex-direction: column;
}

.blog-page-card-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 28px;
  color: #050c23;
  margin: 0 0 15px 0;
  min-height: 62px;
  width: 73%;
}

.blog-page-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;

  line-height: 27px;
  color: #393a4a;
  margin: 0 0 auto 0;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 90%;
}

.blog-page-btn {
  width: 146px;
  height: 48px;
  background: #2cca9a;
  border-radius: 3px;
  border: none;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 28px;
}

.blog-page-btn:hover {
  background: #25b089;
}

/* Pagination */
.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.pagination-btn {
  width: 46px;
  height: 37px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 25px;
  line-height: 28px;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-btn:hover {
  border-color: rgba(0, 0, 0, 0.5);
  background: #f8f9fa;
}

.pagination-btn.active {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #ffffff;
}

.pagination-next {
  width: 46px;
  height: 37px;
}

.pagination-next svg {
  width: 22px;
  height: 22px;
}

/* Responsive */
@media (max-width: 1400px) {
  .blog-page-grid {
    grid-template-columns: repeat(2, 375px);
    gap: 60px;
  }
}

@media (max-width: 850px) {
  .blog-page-grid {
    grid-template-columns: 1fr;
    max-width: 375px;
    margin: 0 auto 60px;
  }

  .blog-page-card {
    width: 100%;
  }

  .blog-page-image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .blog-page-section {
    padding: 60px 0 80px;
  }

  .blog-page-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .blog-page-card {
    height: auto;
  }

  .blog-page-card-title {
    font-size: 22px;
    line-height: 28px;
    min-height: auto;
  }

  .blog-page-description {
    font-size: 15px;
    line-height: 24px;
  }

  .blog-page-btn {
    width: 100%;
  }

  .pagination-btn {
    font-size: 20px;
    width: 40px;
    height: 35px;
  }
}

/* Page */
.about-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  background: #f3f5f6;
  border-radius: 16px;
}

/* Typo */
.h3 {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  margin: 0 0 18px;
  background: linear-gradient(270deg, #7e9ffe 0%, #2cca9a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.p {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000;
  margin: 0;
}

/* Layout */
.row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  padding: 64px 0;
}
.row--reverse {
  grid-auto-flow: dense;
}
.row--reverse .col:first-child {
  order: 2;
}
.row--reverse .col:last-child {
  order: 1;
}

.media {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1/1;
  background: #d9d9d9;
  border-radius: 12px;
  margin-inline: auto;
}

/* Icon wrappers (keep size consistent with figma ~370px) */
.icon {
  width: 100%;
  max-width: 370px;
  margin-inline: auto;
}
.icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.spacer {
  height: 8px;
}

/* Responsive */
@media (max-width: 1000px) {
  .row {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 48px 0;
  }
  .row--reverse .col:first-child {
    order: 1;
  }
  .row--reverse .col:last-child {
    order: 2;
  }
  .media {
    max-width: 420px;
  }
  .icon {
    max-width: 320px;
  }
}
@media (max-width: 560px) {
  .about-wrap {
    padding: 28px 18px 56px;
  }
  .h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .p {
    font-size: 18px;
    line-height: 30px;
  }
}

/* ==================== About Section ==================== */
.about-section {
  width: 100%;
  background: #f3f5f6;
  padding: 120px 0;
  font-family: "Inter", sans-serif;
}

.about-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 20px;
}

/* About Row */
.about-row {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 210px;
  margin-bottom: 158px;
  align-items: start;
}

.about-row:last-child {
  margin-bottom: 0;
}

.about-row-reverse {
    grid-template-columns: 1fr 380px;
    gap: 210px;
}
/* Image Placeholder (sol) */
.about-image-left {
    width: 450px;
    height: 450px;
    margin-top: 10px;
    margin-left: -10px;
}

.about-placeholder {
  width: 100%;
  height: 100%;
  background: #d9d9d9;
  border-radius: 0;
}

/* Content (sağ) */
.about-content-right {
  max-width: 750px;
}

.about-content-left {
  max-width: 787px;
}

/* Title */
.about-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  margin: 0 0 30px 0;
}

/* Gradient Text */
.gradient-text {
  background: linear-gradient(270deg, #7e9ffe 0%, #2cca9a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* Text */
.about-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
}

/* Icon (sağ/sol) */
.about-icon-right,
.about-icon-left {
  width: 370px;
  height: 370px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 43px;
}

.about-icon-img {
  width: 370px;
  height: 370px;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1400px) {
  .about-row {
    grid-template-columns: 1fr;
    gap: 60px;
    justify-items: center;
  }

  .about-row-reverse {
    grid-template-columns: 1fr;
  }

  .about-image-left,
  .about-content-right,
  .about-content-left,
  .about-icon-right,
  .about-icon-left {
    width: 100%;
    max-width: 750px;
  }

  .about-placeholder {
    height: 400px;
  }

  .about-icon-right,
  .about-icon-left {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .about-section {
    padding: 60px 0;
  }

  .about-row {
    margin-bottom: 80px;
  }

  .about-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .about-text {
    font-size: 16px;
    line-height: 28px;
  }

  .about-icon-img {
    width: 250px;
    height: 250px;
  }

  .about-placeholder {
    height: 300px;
  }
}

/* ==================== Stats Section ==================== */
.stats-section {
  width: 100%;
  background: #f3f5f6;
  padding: 35px 0 52px;
  font-family: "Inter", sans-serif;
}

.stats-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Stats Grid */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px;
  margin-bottom: 40px;
}

/* Stat Item */
.stat-item {
  text-align: center;
}

.stat-number {
  font-family: "Inter", sans-serif;
  font-weight: 900;
  font-size: 53px;
  line-height: 50px;
  letter-spacing: -2px;
  margin: 0 0 28px 0;
  display: inline-block;
}

.stat-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393a4a;
  margin: 0;
}

/* Gradient Text */
.gradient-text {
  background: linear-gradient(270deg, #7e9ffe 0%, #2cca9a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

/* Stats Title */
.stats-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  text-align: center;
  margin: 0 0 35px 0;
  max-width: 869px;
  margin-left: auto;
  margin-right: auto;
}

.stats-title span {
  display: inline;
}

/* Stats Description */
.stats-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #393a4a;
  margin: 0;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive */
@media (max-width: 992px) {
  .stats-grid {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .stats-section {
    padding: 0 0 80px;
  }

  .stat-number {
    font-size: 42px;
    line-height: 40px;
  }

  .stat-label {
    font-size: 15px;
  }

  .stats-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 25px;
  }

  .stats-description {
    font-size: 16px;
    line-height: 26px;
  }
}

/* ==================== Amazon Service Section ==================== */
.service-amazon-section {
  width: 100%;
  background: #f3f5f6;
  min-height: 570px;
  padding: 0;
  font-family: "Inter", sans-serif;
  display: flex;
  align-items: center;
}

.service-amazon-container {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 836px 450px;
  gap: 134px;
  align-items: center;
  justify-content: start;
}
/* Content */
.service-amazon-content {
  width: 100%;
}

.service-amazon-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 50px 0;
  white-space: nowrap;
}

.service-amazon-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0 0 94px 0;
  max-width: 748px;
}

/* Buttons */
.service-amazon-buttons {
  display: flex;
  align-items: center;
  gap: 75px;
}

.service-amazon-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 59px;
  background: #1f57ff;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s ease;
  white-space: nowrap;
}

.service-amazon-btn-primary:hover {
  background: #0d47e6;
  color: #ffffff;
}

.service-amazon-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #1f57ff;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  padding-bottom: 10px;
}

.service-amazon-btn-secondary::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #1f57ff;
  transition: background 0.3s ease;
}

.service-amazon-btn-secondary:hover {
  color: #0d47e6;
}

.service-amazon-btn-secondary:hover::after {
  background: #0d47e6;
}

.service-amazon-btn-secondary svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

/* Image */
.service-amazon-image {
  width: 450px;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-amazon-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1600px) {
  .service-amazon-container {
    padding: 60px 100px;
    grid-template-columns: 1fr 450px;
    gap: 100px;
  }

  .service-amazon-title {
    white-space: normal;
  }
}

@media (max-width: 1200px) {
  .service-amazon-section {
    min-height: auto;
  }

  .service-amazon-container {
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 80px 20px;
  }

  .service-amazon-image {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .service-amazon-container {
    padding: 60px 20px;
  }

  .service-amazon-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .service-amazon-description {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
  }

  .service-amazon-buttons {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }

  .service-amazon-btn-primary {
    width: 100%;
  }

  .service-amazon-image {
    height: auto;
  }
}

.col-lg-6 {
  width: inherit;
}

.row {
  padding: 0 !important;
}







/* ==================== Amazon Features Section ==================== */
.amazon-features-section {
  width: 100%;
  background: #ffffff;
  padding: 100px 0;
  font-family: "Inter", sans-serif;
}

.amazon-features-container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.amazon-features-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 47px 0;
  max-width: 1018px;
  margin-left: auto;
  margin-right: auto;
}

/* Features Grid */
.amazon-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 60px;
  max-width: 1494px;
  margin: 0 auto;
}

/* Feature Item */
.amazon-feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Feature Image (kutu + ikon birlikte) */
.amazon-feature-img {
  width: 160px;
  height: 160px;
  object-fit: contain;
  margin-bottom: 35px;
}

/* Feature Name */
.amazon-feature-name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 5px 0;
  width: 107%;
}

/* Feature Description */
.amazon-feature-desc {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
  max-width: 435px;
}

/* Responsive */
@media (max-width: 1200px) {
  .amazon-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
}

@media (max-width: 768px) {
  .amazon-features-section {
    padding: 60px 0;
  }

  .amazon-features-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .amazon-features-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .amazon-feature-img {
    width: 140px;
    height: 140px;
  }

  .amazon-feature-name {
    font-size: 22px;
    line-height: 32px;
  }

  .amazon-feature-desc {
    font-size: 18px;
    line-height: 30px;
  }
}

/* Hero Section CSS'inde bunlar var mı? */
.hero-section {
  position: relative;
  z-index: 999; /* ← BU SORUN OLABİLİR */
}

/* Veya */
.custom-navbar {
  z-index: 1000; /* ← Navbar her zaman en üstte olmalı */
}

/* Veya dropdown-menu başka yerde tanımlanmış mı? */
.dropdown-menu {
  /* Başka tanımlamalar var mı? */
}

/* ==================== Why Choose Us Section ==================== */
.why-choose-section {
  width: 100%;
  background: #ffffff;
  padding: 10px 0;
  font-family: "Inter", sans-serif;
}

.why-choose-container {
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.why-choose-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 50px 0;
}

/* Content Grid */
.why-choose-grid {
  display: grid;
  grid-template-columns: 554px 594px;
  gap: 170px;
  justify-content: center;
}

/* Left Column */
.why-choose-left {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Right Column */
.why-choose-right {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Item */
.why-choose-item {
    margin-bottom: 43px;
    width: 540px;
}

.why-choose-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 13px 0;
}

.why-choose-item-desc {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
}




.why-choose-item.choose3, .why-choose-item.choose4 {
    width: 580px;
    margin-left: 50px;
}

.why-choose-item.choose1, .why-choose-item.choose2 {
    margin-left: 50px;
}


.why-choose-item.choose5 {
    margin-top: 150px !important;
}

.why-choose-image-bottom.chooseImage3 {
    margin-left: 184px;
    margin-top: 15px;
}


.why-choose-image-top.chooseImage2 {
    margin: 80px 0 0 80px;
}

.why-choose-item.choose5, .why-choose-item.choose6 {
    margin-left: 80px;
    width: 600px !important;
}

.why-choose-item.choose3 {
    margin-top: 100px;
}
.why-choose-image.chooseImage1 {
    margin-top: 120px;
    margin-left: 50px !important;
}

/* Images - Sol */
.why-choose-image {
  width: 536px;
  height: 234px;
  margin-bottom: 43px;
  margin-top: 102px;
}

.why-choose-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Images - Sağ Üst */
.why-choose-image-top {
  width: 100%;
  height: auto;
}

.why-choose-image-top img {
width: 536px;
    height: 232px;
  object-fit: cover;
}

/* Images - Sağ Alt */
.why-choose-image-bottom {
  width: 280px;
  height: 420px;
  margin-top: 102px;
  margin-left: 95px;
}

.why-choose-image-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive */
@media (max-width: 1400px) {
  .why-choose-grid {
    grid-template-columns: 1fr;
    gap: 241px;
  }

  .why-choose-image,
  .why-choose-image-top,
  .why-choose-image-bottom {
    width: 100%;
    max-width: 536px;
    height: auto;
    margin-left: 0;
  }

  .why-choose-image img,
  .why-choose-image-top img,
  .why-choose-image-bottom img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  .why-choose-section {
    padding: 60px 0;
  }

  .why-choose-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 60px;
  }

  .why-choose-item-title {
    font-size: 28px;
    line-height: 36px;
  }

  .why-choose-item-desc {
    font-size: 18px;
    line-height: 30px;
  }

  .why-choose-item {
    margin-bottom: 30px;
  }

  .why-choose-image,
  .why-choose-image-top {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .why-choose-image-bottom {
    margin-top: 40px;
  }
}











/* ==================== Training Info Section ==================== */
.training-info-section {
  width: 100%;
  background: #FFFFFF;
  padding: 60px 0;
  font-family: 'Inter', sans-serif;
}

.training-info-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 271px 0 288px;
}

/* Title */
.training-info-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 42px 0;
}

/* Training Grid */
.training-info-grid {
  display: grid;
  grid-template-columns: 428px 428px 456px;
  gap: 0 82px;
  justify-content: start;
}

/* Training Item */
.training-info-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Icon */
.training-info-icon {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 15px;
}

/* Name */
.training-info-name {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 5px 0;
}

/* Description */
.training-info-desc {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
}

/* Responsive */
@media (max-width: 1600px) {
  .training-info-container {
    padding: 0 100px;
  }
  
  .training-info-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
  }
}

@media (max-width: 1200px) {
  .training-info-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  
  .training-info-container {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .training-info-section {
    padding: 60px 0;
  }
  
  .training-info-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }
  
  .training-info-icon {
    width: 80px;
    height: 80px;
  }
  
  .training-info-name {
    font-size: 22px;
    line-height: 32px;
  }
  
  .training-info-desc {
    font-size: 18px;
    line-height: 30px;
  }
}









/* ==================== Pricing Section ==================== */
.pricing-section {
  width: 100%;
  background: #07174B;
  padding: 53px 0 50px;
  font-family: 'Inter', sans-serif;
}

.pricing-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 185px;
}

/* Header */
.pricing-header {
  text-align: center;
  margin-bottom: 42px;
}

.pricing-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #FFFFFF;
  margin: 0 0 22px 0;
}

.pricing-description {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  color: #A7A9BC;
  margin: 0 auto;
  max-width: 1081px;
}

/* Pricing Box */
.pricing-box {
  max-width: 1550px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 30px;
  padding: 40px 45px 25px;
  position: relative;
}

/* Pricing Grid */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 460px);
  gap: 40px;
  justify-content: center;
  margin-bottom: 20px;
}

/* Pricing Card */
.pricing-card {
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 10px;
  padding: 40px 30px 50px;
  position: relative;
}

.pricing-card-popular {
    position: relative;
    height: 910px;
}
/* Badge */
.pricing-badge {
    position: absolute;
    top: -8px;
    right: 255px;
    z-index: 10;
    left: -18px;
}

.pricing-badge span {
  display: inline-block;
  background: #94271A;
  color: #ececec;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  padding: 4px 16px;
  position: relative;
}

.pricing-badge span::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid #701F15;
}

/* Card Title */
.pricing-card-title {
  font-family: 'Times New Roman', serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 34px;
  color: #000000;
  text-align: center;
  margin: 0 0 42px 0;
}

/* Divider */
.pricing-divider {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.25);
  margin-bottom: 39px;
}

.price-card {
    margin-bottom: 35px !important;
}

/* Price */
.pricing-card-price {
  font-family: 'Times New Roman', serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 34px;
  color: #000000;
  text-align: center;
  margin: 0 0 10px 0;
}

/* Features List */
.pricing-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 25px;
}

.pricing-feature-item:last-child {
  margin-bottom: 0;
}

.pricing-check-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin-top: -5px;
}

.pricing-feature-item span {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  flex: 1;
}

.pricing-footer-note {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    text-align: left !important;
    line-height: 20px;
    color: #000000;
    margin: 0;
    padding-left: 0;
    margin-left: -8px;
}

/* CTA Button */
.pricing-cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 640px;
  height: 50px;
  margin: 50px auto 0;
  background: #FFFFFF;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 20px;
  color: #000000;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pricing-cta-button:hover {
  background: #f8f9fa;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pricing-cta-button svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Responsive */
@media (max-width: 1700px) {
  .pricing-container {
    padding: 0 100px;
  }
}

@media (max-width: 1600px) {
  .pricing-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  
  .pricing-container {
    padding: 0 50px;
  }
}

@media (max-width: 1200px) {
  .pricing-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .pricing-box {
    padding: 40px 20px 30px;
  }
  
  .pricing-card {
    max-width: 500px;
    margin: 0 auto;
  }
  
  .pricing-container {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .pricing-section {
    padding: 40px 0 60px;
  }
  
  .pricing-title {
    font-size: 32px;
    line-height: 40px;
  }
  
  .pricing-description {
    font-size: 18px;
    line-height: 30px;
  }
  
  .pricing-box {
    border-radius: 20px;
  }
  
  .pricing-card-title {
    font-size: 32px;
  }
  
  .pricing-card-price {
    font-size: 36px;
  }
  
  .pricing-cta-button {
    font-size: 16px;
    padding: 0 20px;
  }
}












/* ==================== FAQ Two Column Section ==================== */
.faq-two-column-section {
  width: 100%;
  background: #FFFFFF;
  padding: 78px 0 100px;
  font-family: 'Inter', sans-serif;
}

.faq-two-column-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 180px;
}

.faq-two-column-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  color: #050C23;
  text-align: center;
  margin: 0 0 60px 0; /* 100px'ten 60px'e düşürdüm */
}

.faq-two-column-grid {
    display: grid
;
    grid-template-columns: 697px 697px;
    justify-content: center;
    gap: 130px;
}

.faq-two-column {
  display: flex;
  flex-direction: column;
}

.faq-two-item {
  margin-bottom: 0;
}

.faq-two-question-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
    padding: 8px 0;
  cursor: pointer;
  margin-bottom: 0;
}

.faq-two-question-text {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  text-align: left;
}

.faq-two-arrow {
    width: 24px;
    height: 24px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform: rotate(90deg); /* Başlangıç durumu aşağı ok için */
}

.faq-two-item.active .faq-two-arrow {
  transform: rotate(-90deg); /* Açık durumda yukarı ok */
}

.faq-two-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, margin 0.3s ease;
}

.faq-two-item.active .faq-two-answer {
  max-height: 500px;
  margin-top: 20px; /* 27px'ten 20px'e düşürdüm */
}

.faq-two-answer-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  color: #393A4A;
  margin: 0;
}

.faq-two-divider {
  width: 100%;
  height: 1px;
  background: #CDCED9;
  margin: 24px 0; /* Üst ve alt margin eşitledim */
}



@media (max-width: 1700px) {
  .faq-two-column-container {
    padding: 0 100px;
  }
  
  .faq-two-column-grid {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}

@media (max-width: 1200px) {
  .faq-two-column-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .faq-two-column-container {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .faq-two-column-section {
    padding: 60px 0;
  }
  
  .faq-two-column-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 50px;
  }
  
  .faq-two-question-text {
    font-size: 18px;
    line-height: 24px;
  }
  
  .faq-two-answer-text {
    font-size: 15px;
    line-height: 24px;
  }
}







/* ==================== ABD Şirket Section ==================== */
.service-abd-section {
  width: 100%;
  background: #FFFFFF;
  min-height: 570px;
  padding: 0;
  font-family: "Inter", sans-serif;
  display: flex;
  align-items: center;
}

.service-abd-container {
  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 836px 400px;
  gap: 184px;
  align-items: center;
  justify-content: start;
}

/* Content */
.service-abd-content {
  width: 100%;
}

.service-abd-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 50px 0;
}

.service-abd-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0 0 50px 0;
  max-width: 745px;
}

/* Buttons */
.service-abd-buttons {
  display: flex;
  align-items: center;
  gap: 48px;
}

.service-abd-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  height: 59px;
  background: #1f57ff;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.3s ease;
  white-space: nowrap;
}

.service-abd-btn-primary:hover {
  background: #0d47e6;
  color: #ffffff;
}

.service-abd-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #1f57ff;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  padding-bottom: 10px;
}

.service-abd-btn-secondary::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #1f57ff;
  transition: background 0.3s ease;
}

.service-abd-btn-secondary:hover {
  color: #0d47e6;
}

.service-abd-btn-secondary:hover::after {
  background: #0d47e6;
}

.service-abd-btn-secondary svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

/* Image */
.service-abd-image {
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-abd-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1600px) {
  .service-abd-container {
    padding: 60px 100px;
    grid-template-columns: 1fr 400px;
    gap: 100px;
  }
}

@media (max-width: 1200px) {
  .service-abd-section {
    min-height: auto;
  }

  .service-abd-container {
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 80px 20px;
  }

  .service-abd-image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .service-abd-container {
    padding: 60px 20px;
  }

  .service-abd-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .service-abd-description {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
  }

  .service-abd-buttons {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
  }

  .service-abd-btn-primary {
    width: 100%;
  }

  .service-abd-image {
    height: auto;
  }
}










/* ==================== ABD Şirket Hizmetleri Section ==================== */
.service-company-section {
  position: relative;
  width: 100%;
  height: 640px;  /* ✅ Figma: sabit height */
  background: #F3F5F6;  /* ✅ Figma rengi */
  font-family: "Inter", sans-serif;
  display: flex;
  align-items: center;
}

.service-company-container {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
}

/* Content Side */
.service-company-content {
  position: absolute;
  left: 249px;  /* ✅ Figma: 249px */
  top: 50%;
  transform: translateY(-50%);
  max-width: 836px;
}

.service-company-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 37px 0;  /* ✅ Figma: başlık ile açıklama arası 376-289=87px, ama title height 50px, net 37px */
  width: 836px;
}

.service-company-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;  /* ✅ Figma: 300 */
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0 0 50px 0;  /* ✅ Figma: 527-376-101=50px (button ile arası) */
  width: 745px;
  height: 101px;
}

/* Buttons */
.service-company-buttons {
  display: flex;
  align-items: center;
  gap: 48px;  /* ✅ İki buton arası */
}

.service-company-btn-primary {
  background: #1F57FF;
  border-radius: 8px;
  padding: 22px 32px;
  height: 59px;  /* ✅ Figma: Group 27 height */
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #FFFFFF;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.service-company-btn-primary:hover {
  background: #0d3ec9;
  transform: translateY(-2px);
}

.service-company-btn-secondary {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 14px;
  color: #1F57FF;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  padding-bottom: 8px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.service-company-btn-secondary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 37px;  /* Ok için boşluk */
  height: 1px;
  background: #1F57FF;
}

.service-company-btn-secondary svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.service-company-btn-secondary:hover svg {
  transform: translateX(5px);
}

/* Image Side */
.service-company-image {
  position: absolute;
  width: 400px;  /* ✅ Figma: 400px */
  height: 400px;  /* ✅ Figma: 400px */
  left: 1173px;  /* ✅ Figma: 1173px */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-company-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Responsive Design */
@media (max-width: 1600px) {
  .service-company-image {
    left: auto;
    right: 100px;
  }
}

@media (max-width: 1400px) {
  .service-company-section {
    height: auto;
    padding: 80px 0;
  }

  .service-company-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding: 0 20px;
  }

  .service-company-content {
    position: static;
    transform: none;
    max-width: 100%;
  }

  .service-company-title {
    width: 100%;
    max-width: 836px;
  }

  .service-company-description {
    width: 100%;
    max-width: 745px;
    height: auto;
  }

  .service-company-image {
    position: static;
    transform: none;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .service-company-section {
    padding: 60px 0;
    background: #FFFFFF;
  }

  .service-company-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
  }

  .service-company-description {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px;
  }

  .service-company-buttons {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
  }

  .service-company-btn-primary,
  .service-company-btn-secondary {
    width: 100%;
    justify-content: center;
  }

  .service-company-image {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 480px) {
  .service-company-title {
    font-size: 28px;
    line-height: 36px;
  }

  .service-company-description {
    font-size: 16px;
    line-height: 24px;
  }

  .service-company-btn-primary,
  .service-company-btn-secondary {
    font-size: 17px;
  }

  .service-company-image {
    width: 250px;
    height: 250px;
  }
}






/* ==================== Neden ABD'de Şirket Kurmalısınız Section ==================== */
.why-usa-section {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0 100px;
  font-family: "Inter", sans-serif;
}

.why-usa-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.why-usa-header {
  text-align: center;
  margin-bottom: 80px;
}

.why-usa-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #000000;
  margin: 0 auto 25px;
  max-width: 1018px;
}

.why-usa-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0 auto;
  max-width: 1031px;
}

/* Grid */
.why-usa-grid {
  display: grid;
  grid-template-columns: repeat(3, 465px);
  gap: 45px 45px;
  justify-content: center;
  max-width: 1485px;
  margin: 0 auto;
}

/* Card */
.why-usa-card {
    width: 465px;
    height: 314px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 35%);
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 31px 0px 26px 0px;
    box-sizing: border-box;
}

/* Icon */
.why-usa-icon {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.why-usa-icon img {
  width: 110px;
  height: 110px;
  object-fit: contain;
}

/* Card Title */
.why-usa-card-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 0 0 21px 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card Text */
.why-usa-card-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  text-align: center;
  margin: 0;
  max-width: 515px;
}

/* Responsive Design */
@media (max-width: 1600px) {
  .why-usa-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1400px;
    gap: 30px;
  }

  .why-usa-card {
    width: 100%;
    max-width: 465px;
    margin: 0 auto;
  }
}

@media (max-width: 1200px) {
  .why-usa-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1000px;
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .why-usa-section {
    padding: 60px 0 80px;
  }

  .why-usa-header {
    margin-bottom: 50px;
  }

  .why-usa-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  .why-usa-description {
    font-size: 18px;
    line-height: 28px;
  }

  .why-usa-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .why-usa-card {
    height: auto;
    padding: 30px 20px;
  }

  .why-usa-icon {
    width: 90px;
    height: 90px;
  }

  .why-usa-icon img {
    width: 90px;
    height: 90px;
  }

  .why-usa-card-title {
    font-size: 22px;
    line-height: 30px;
    height: auto;
    margin-bottom: 15px;
  }

  .why-usa-card-text {
    font-size: 16px;
    line-height: 26px;
  }
}

@media (max-width: 480px) {
  .why-usa-title {
    font-size: 28px;
    line-height: 36px;
  }

  .why-usa-description {
    font-size: 16px;
    line-height: 24px;
  }

  .why-usa-card {
    padding: 25px 15px;
  }

  .why-usa-card-title {
    font-size: 20px;
  }

  .why-usa-card-text {
    font-size: 15px;
    line-height: 24px;
  }
}









/* ==================== Süreç Nasıl İşliyor Section ==================== */
.process-section {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0 120px;
  font-family: "Inter", sans-serif;
}

.process-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.process-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  margin: 0 auto 54px;
}

.process-layout {
    display: grid
;
    grid-template-columns: 413px 92px 1fr;
    gap: 0 30px;
    max-width: 1329px;
    margin: 0 auto;
    align-items: start;
}

/* ============ SOL KOLON - Frame Görseli + Yazı Altında ============ */
.process-left-column {
    position: relative;
    display: flex
;
    flex-direction: column;
    gap: 30px;
    padding: 0;
    align-items: center;
    align-content: center;
    margin-left: -150px;
}
.process-frame-image {
  width: 350px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D9D9D9;
}

.process-frame-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.process-info-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #000000;
  margin: 0;
  max-width: 570px;
  line-height: 34px;
}

/* ============ ORTA KOLON - Timeline SVG (Tek Parça) ============ */
.process-middle-column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.timeline-svg-wrapper {
  width: 100%;
  max-width: 100px;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.timeline-svg-wrapper img {
    width: 58.5%;
    height: auto;
    object-fit: contain;
    display: block;
    margin-top: -11px;
}

/* ============ SAĞ KOLON - Steps ============ */
.process-right-column {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.process-step {
    min-height: 149px;
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
}

.process-step-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  color: #000000;
  margin: 0 0 10px 0;
}

.process-step-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin: 0;
  max-width: 600px;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .process-layout {
    grid-template-columns: 1fr;
    gap: 50px 0;
  }

  .process-left-column {
    order: 1;
    align-items: center;
  }

  .process-frame-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .process-info-text {
    max-width: 600px;
  }

  .process-middle-column {
    display: none;  /* ✅ Mobilde timeline gizleniyor */
  }

  .process-right-column {
    order: 2;
    gap: 35px;
  }

  .process-step {
    min-height: auto;
    padding-left: 70px;
    position: relative;
  }

  .process-step::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #9DB7FA 0%, #2CCA9A 100%);
  }
}

@media (max-width: 768px) {
  .process-section {
    padding: 60px 0 80px;
  }

  .process-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .process-frame-image {
    height: 300px;
  }

  .process-info-text {
    font-size: 15px;
    line-height: 24px;
  }

  .process-step {
    padding-left: 60px;
  }

  .process-step::before {
    width: 40px;
    height: 40px;
  }

  .process-step-title {
    font-size: 20px;
    line-height: 28px;
  }

  .process-step-text {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 480px) {
  .process-title {
    font-size: 28px;
    line-height: 36px;
  }

  .process-frame-image {
    height: 250px;
  }

  .process-step-title {
    font-size: 18px;
  }

  .process-step-text {
    font-size: 15px;
    line-height: 22px;
  }
}









.why-item-1 .why-item-content {
  text-align: left;
  padding-left: 330px;
}

.why-item-1 .why-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 43px 0;  /* ✅ 3150-3107 */
  width: 414px;
}

.why-item-1 .why-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
  width: 535px;
}

.why-item-1 .why-item-image {
  width: 250px;
  height: 375px;
  background: #D9D9D9;
}

.why-item-1 .why-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ Item 2: Sol Görsel (Yatay) - Sağ Yazı ============ */
.why-item-2 {
  position: absolute;
  top: 570px;  /* ✅ 3520-2950 */
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 375px 1fr;
  gap: 0 126px;  /* ✅ 1073-392-375-126 */
  max-width: 1610px;
  margin: 0 auto;
  padding: 0 20px;
}

.why-item-2 .why-image-horizontal {
  width: 375px;
  height: 250px;
  background: #D9D9D9;
  margin-left: 392px;  /* ✅ Figma left 392px */
}

.why-item-2 .why-image-horizontal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-item-2 .why-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 43px 0;
  width: 544px;
}

.why-item-2 .why-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
  width: 517px;
}

/* ============ Item 3: Sol Yazı - Sağ Görsel (Yatay) ============ */
.why-item-3 {
  position: absolute;
  top: 897px;  /* ✅ 3847-2950 */
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 1fr 375px;
  gap: 0 168px;  /* ✅ Boşluk ayarı */
  max-width: 1488px;
  margin: 0 auto;
  padding: 0 20px;
}

.why-item-3 .why-item-content {
  text-align: left;
  padding-left: 330px;
}

.why-item-3 .why-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 43px 0;
  width: 594px;
}

.why-item-3 .why-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
  width: 594px;
}

.why-item-3 .why-image-horizontal {
  width: 375px;
  height: 250px;
  background: #D9D9D9;
}

.why-item-3 .why-image-horizontal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ Item 4: Sol Görsel (Dikey) - Sağ Yazı ============ */
.why-item-4 {
  position: absolute;
  top: 1238px;  /* ✅ 4188-2950 */
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 0 210px;  /* ✅ 1113-431-250-210 */
  max-width: 1627px;
  margin: 0 auto;
  padding: 0 20px;
}

.why-item-4 .why-item-image {
  width: 250px;
  height: 375px;
  background: #D9D9D9;
  margin-left: 431px;  /* ✅ Figma left 431px */
}

.why-item-4 .why-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-item-4 .why-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 43px 0;
  width: 385px;
}

.why-item-4 .why-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
  width: 554px;
}

/* Responsive Design */
@media (max-width: 1400px) {
  .why-choose-container {
    position: static;
    min-height: auto;
  }

  .why-choose-title {
    position: static;
    width: 100%;
    margin-bottom: 60px;
  }

  .why-item-1,
  .why-item-2,
  .why-item-3,
  .why-item-4 {
    position: static;
    grid-template-columns: 1fr;
    gap: 30px 0;
    margin-bottom: 60px;
    max-width: 800px;
  }

  .why-item-1 .why-item-content,
  .why-item-3 .why-item-content {
    padding-left: 0;
  }

  .why-item-2 .why-image-horizontal,
  .why-item-4 .why-item-image {
    margin-left: 0;
  }

  .why-item-title,
  .why-item-text {
    width: 100% !important;
    max-width: 100%;
  }

  .why-item-image,
  .why-image-horizontal {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .why-choose-section {
    padding: 60px 0 80px;
  }

  .why-choose-title {
    font-size: 32px;
    line-height: 40px;
  }

  .why-item-title {
    font-size: 28px !important;
    line-height: 38px !important;
  }

  .why-item-text {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .why-item-image,
  .why-image-horizontal {
    width: 100% !important;
    max-width: 350px;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .why-choose-title {
    font-size: 28px;
    line-height: 36px;
  }

  .why-item-title {
    font-size: 24px !important;
    line-height: 32px !important;
  }

  .why-item-text {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}










/* ==================== Neden Bizi Tercih Etmelisiniz Section ==================== */
.why-choose-us-section {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0 120px;
  font-family: "Inter", sans-serif;
}

.why-choose-us-container {
  position: relative;
  max-width: 1920px;
  min-height: 1500px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.why-choose-us-title {
  position: absolute;
  width: 557px;
  left: calc(50% - 557px/2 - 0.5px);
  top: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  margin: 0;
}

/* Common Heading Style */
.why-us-heading {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 50px;
  color: #000000;
  margin: 0 0 5px 0;
}

/* Common Description Style */
.why-us-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  margin: 0;
}

/* ============ ROW 1: Sol Yazı - Sağ Görsel (Dikey) ============ */
.why-us-row-1 {
  position: absolute;
  top: 157px;  /* ✅ 3107-2950 */
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
}

.why-us-row-1 .why-us-text-left {
  position: absolute;
  left: 330px;
  top: 0;
  width: 535px;
}

.why-us-row-1 .why-us-heading {
  width: 414px;
}

.why-us-row-1 .why-us-image-right {
  position: absolute;
  left: 1113px;
  top: -79px;  /* ✅ Görsel yukarıda (3020-3107) */
  width: 250px;
  height: 375px;
  background: #D9D9D9;
}

.why-us-row-1 .why-us-image-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ ROW 2: Sol Görsel (Yatay) - Sağ Yazı ============ */
.why-us-row-2 {
  position: absolute;
  top: 570px;  /* ✅ 3520-2950 */
  left: 0;
  right: 0;
}

.why-us-row-2 .why-us-image-left-horizontal {
  position: absolute;
  left: 392px;
  top: -48px;  /* ✅ Görsel yukarıda (3472-3520) */
  width: 375px;
  height: 250px;
  background: #D9D9D9;
}

.why-us-row-2 .why-us-image-left-horizontal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-us-row-2 .why-us-text-right {
  position: absolute;
  left: 1073px;
  top: 0;
  width: 517px;
}

.why-us-row-2 .why-us-heading {
  width: 544px;
}

/* ============ ROW 3: Sol Yazı - Sağ Görsel (Yatay) ============ */
.why-us-row-3 {
  position: absolute;
  top: 897px;  /* ✅ 3847-2950 */
  left: 0;
  right: 0;
}

.why-us-row-3 .why-us-text-left {
  position: absolute;
  left: 330px;
  top: 0;
  width: 594px;
}

.why-us-row-3 .why-us-image-right-horizontal {
  position: absolute;
  left: 1113px;
  top: -29px;  /* ✅ Görsel yukarıda (3818-3847) */
  width: 375px;
  height: 250px;
  background: #D9D9D9;
}

.why-us-row-3 .why-us-image-right-horizontal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ ROW 4: Sol Görsel (Dikey) - Sağ Yazı ============ */
.why-us-row-4 {
  position: absolute;
  top: 1238px;  /* ✅ 4188-2950 */
  left: 0;
  right: 0;
}

.why-us-row-4 .why-us-image-left {
  position: absolute;
  left: 431px;
  top: -101px;  /* ✅ Görsel yukarıda (4087-4188) */
  width: 250px;
  height: 375px;
  background: #D9D9D9;
}

.why-us-row-4 .why-us-image-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-us-row-4 .why-us-text-right {
  position: absolute;
  left: 1073px;
  top: 0;
  width: 554px;
}

.why-us-row-4 .why-us-heading {
  width: 385px;
}

/* Responsive Design */
@media (max-width: 1600px) {
  .why-choose-us-container {
    position: static;
    min-height: auto;
  }

  .why-choose-us-title {
    position: static;
    width: 100%;
    margin-bottom: 60px;
  }

  .why-us-row-1,
  .why-us-row-2,
  .why-us-row-3,
  .why-us-row-4 {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 60px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .why-us-text-left,
  .why-us-text-right {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
  }

  .why-us-heading {
    width: 100% !important;
  }

  .why-us-image-right,
  .why-us-image-left,
  .why-us-image-left-horizontal,
  .why-us-image-right-horizontal {
    position: static !important;
    margin: 0 auto;
    left: auto !important;
    top: auto !important;
  }
}

@media (max-width: 768px) {
  .why-choose-us-section {
    padding: 60px 0 80px;
  }

  .why-choose-us-title {
    font-size: 32px;
    line-height: 40px;
  }

  .why-us-heading {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
  }

  .why-us-description {
    font-size: 16px;
    line-height: 26px;
  }

  .why-us-image-right,
  .why-us-image-left {
    width: 100% !important;
    max-width: 300px;
    height: auto !important;
    aspect-ratio: 2/3;
  }

  .why-us-image-left-horizontal,
  .why-us-image-right-horizontal {
    width: 100% !important;
    max-width: 350px;
    height: auto !important;
    aspect-ratio: 3/2;
  }
}

@media (max-width: 480px) {
  .why-choose-us-title {
    font-size: 28px;
    line-height: 36px;
  }

  .why-us-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .why-us-description {
    font-size: 15px;
    line-height: 24px;
  }
}




p.pricing-card-subtitle {
    text-align: center;
    padding: 0;
}
















/* ==================== Ek Hizmetlerimiz Section ==================== */
.extra-services-section {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 80px 0 120px;
  font-family: "Inter", sans-serif;
}

.extra-services-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Title */
.extra-services-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  margin: 0 0 97px 0;
}

/* Services Grid */
.extra-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 400px);
  gap: 70px 42.5px;
  justify-content: center;
}

/* Service Card */
.extra-service-card {
    width: 400px;
    height: 254px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.89);
    border-radius: 10px;
    box-sizing: border-box;
    transition: height 0.4s 
cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s 
ease;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
/* 
.extra-service-card:hover {
    box-shadow: 0px 1px 8px rgb(0 0 0);
} */

/* Active (Açık) state */
.extra-service-card.active {
  height: 473px;
    /* box-shadow: 0px 1px 8px rgb(0 0 0); */
}

/* Service Content */
.extra-service-content {
  padding: 17px 20px 20px;  /* ✅ Alt padding artırıldı (buton için) */
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* Icon */
.extra-service-icon {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
}

.extra-service-icon img {
  width: 110px;
  height: 110px;
  object-fit: contain;
}

/* Service Name */
.extra-service-name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  margin: 0 0 5px 0;
}

/* Service Price */
.extra-service-price {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
  color: #000000;
  margin: 0;
}

.extra-service-toggle {
    position: absolute;
    right: 7px;
    bottom: 57px;
    display: flex
;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 0;
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.6);
    padding: 0;
    transition: all 0.3s 
ease;
    z-index: 2;
}

.extra-service-toggle:hover {
  color: rgba(0, 0, 0, 0.9);
}

.toggle-text {
  white-space: nowrap;
}

.toggle-arrow {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.toggle-arrow path {
  stroke: rgba(0, 0, 0, 0.6);
}

/* Kapalı kartlarda ok aşağı */
.toggle-arrow {
  transform: rotate(0deg);
}

/* Active state - ok yukarı döner */
.extra-service-card.active .toggle-arrow {
  transform: rotate(180deg);
}

/* Service Details */
.extra-service-details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.4s ease, 
              padding 0.4s ease;
  padding: 0 20px;
}

.extra-service-card.active .extra-service-details {
  max-height: 250px;
  opacity: 1;
  padding: 10px 20px -20px;  /* ✅ Alt padding (buton için) */
}

/* Service Description */
.extra-service-description {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #000000;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 1400px) {
  .extra-services-grid {
    grid-template-columns: repeat(2, 400px);
    gap: 50px 30px;
  }
}

@media (max-width: 900px) {
  .extra-services-grid {
    grid-template-columns: 1fr;
    max-width: 450px;
    margin: 0 auto;
    gap: 40px;
  }

  .extra-service-card {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .extra-services-section {
    padding: 60px 0 80px;
  }

  .extra-services-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 50px;
  }

  .extra-service-card {
    height: 230px;
  }

  .extra-service-card.active {
    height: 450px;
  }

  .extra-service-name {
    font-size: 22px;
    line-height: 32px;
  }

  .extra-service-price {
    font-size: 22px;
  }

  .extra-service-description {
    font-size: 16px;
    line-height: 26px;
  }

  .extra-service-toggle {
    right: 15px;
    bottom: 8px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .extra-services-title {
    font-size: 28px;
    line-height: 36px;
  }

  .extra-service-icon {
    width: 90px;
    height: 90px;
  }

  .extra-service-icon img {
    width: 90px;
    height: 90px;
  }

  .extra-service-name {
    font-size: 20px;
  }

  .extra-service-price {
    font-size: 20px;
  }

  .extra-service-description {
    font-size: 15px;
    line-height: 24px;
  }
}