/* Global font ayarı */
body {
  font-family: "Inter", sans-serif;
}

/* Font ağırlıkları */
* {
  font-family: "Poppins", sans-serif;
}
/* Thin */
.font-thin {
  font-weight: 100;
}

.dynamic-text {
  font-weight: 600;
  transition: font-size 0.3s ease; /* Font boyutu değişiminde geçiş efekti */
}

/* Extra Light */
.font-extra-light {
  font-weight: 200;
}

/* Light */
.font-light {
  font-weight: 300;
}

/* Regular (Normal) */
.font-regular {
  font-weight: 400;
}

/* Medium */
.font-medium {
  font-weight: 500;
}

/* Semi Bold */
.font-semi-bold {
  font-weight: 600;
}

/* Bold */
.font-bold {
  font-weight: 700;
}

/* Extra Bold */
.font-extra-bold {
  font-weight: 800;
}

/* Black */
.font-black {
  font-weight: 900;
}

.card-text {
  color: #101011;
  opacity: 0.8;
}
h1 {
  color: #101011;
}

p {
  margin: 0 !important;
  padding: 0 !important;
  color: #101011 !important;
}

h1 {
  margin: 0;
  padding: 0;
}

.jc {
  justify-content: center;
}
.jobready {
  margin-top: -180px;
}

.accordion__wrapper {
  background-color: #fff;
  box-shadow: var(--shadow);
  border-radius: 2.5rem;
  width: 100%;

  /* padding: 5rem; */
}

.accordion__title {
  text-align: center;
  margin-bottom: 4rem;
}

.accordion {
  border-bottom: 0.1rem solid #dae1f5;
  padding-bottom: 10px;
  margin-bottom: 2rem;
}

.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
/* --color-primary: #ff4b4b;
--color-text: #545d7a;
--color-white: #fff;
--color-title: #242e4c;
--color-background: #f7f8fb;
--color-border: #dae1f5; */

.accordion__icon {
  background-color: #f1bf06;
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  flex-shrink: 0;
}
.btn-warning {
  background-color: #f1bf06 !important;
}
.newdngr {
  color: #f1bf06 !important;
}
.newdngrbg {
  background-color: #f1bf06 !important;
}

.accordion__question {
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: var(--color-title);
}

.accordion__answer {
  padding: 2rem 0;
  font-size: 13px;
}

.team-card {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
}

.team-card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
}
.cardCh {
  padding: 10px;
  background-color: white;
  border-radius: 10px;
  min-height: 300px;
}
.section-avantajlar {
  background-color: #f1bf06;
  padding: 50px;
}
.step-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-align: center;
  padding: 20px;
}
.btnCstm {
  padding: 20px 10px;
  font-weight: 600;
  font-size: 15px !important;
}
.order-3 a {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.step-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-align: center;
}
.mblBlck {
  display: none;
}
.mblBlckNt {
  display: block;
}
@media (max-width: 767px) {
  .section-avantajlar {
    padding: 10px;
  }
  .pdng40 {
    padding: 0px 40px;
  }
  .tlpMbl {
    height: 350px !important;
    object-fit: contain;
  }
  .mblBlck {
    display: block;
  }
  .mblBlckNt {
    display: none !important;
  }
}
.team-info {
  margin-top: 15px;
}

.team-name {
  font-weight: 600;
  margin: 10px 0 5px 0;
}

.team-location {
  font-weight: 400;
  color: #555;
}

.accordion__content {
  overflow: hidden;
  height: 0;
  transition: 0.4s ease-in-out;
}
/* --transition: 0.4s ease-in-out; 
--shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05);  */

.img-container {
  width: 100%;
  height: 200px; /* Resim yüksekliği */
  overflow: hidden; /* Taşan kısımları gizle */
  position: relative;
}

.img-container img {
  width: 100%; /* Genişliği kapsayıcıya göre ayarla */
  height: 100%; /* Yüksekliği kapsayıcıya göre ayarla */
  object-fit: cover; /* Resmi kapsayıcıya göre kes */
}

.imgbg {
  background-color: white;
  padding: 10px;
  text-align: center;
}

.imgbg {
  background-color: white;
  padding: 10px;
  text-align: center;
}

.imgbg {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.form-group input::placeholder {
  color: rgb(161, 161, 161); /* Placeholder rengini kırmızı yapar */
  opacity: 1; /* Placeholder opaklığını ayarlar, varsayılan opaklık genellikle 0.5'tir */
}
.form-group #education {
  color: rgb(161, 161, 161);
}
.form-group #education:focus {
  color: black;
}

.form-group #education:valid {
  color: black;
}
.nav-item a {
  color: purple;
  font-size: 13px;
  font-weight: 500;
  color: #101011 !important;
}

.nav-link {
  position: relative;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}

.nav-link.active::after,
.nav-link:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #007bff; /* Alt çizgi rengi (mavi) */
  border-radius: 2px;
  transition: width 0.3s ease;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link.active {
  color: #007bff; /* Aktif menü öğesinin rengi */
}
:root {
  --navbar-height: 56px; /* Varsayılan navbar yüksekliği */
  --gif-height: 60px; /* Approximate GIF height, adjust as needed */
}

.fullscreen-image {
  background-image: url(/assets/images/hmpage1.jpg);
  background-repeat: no-repeat;
  background-size: cover; /* Resmin ekranı kaplamasını sağlar */

  /* Ekran yüksekliğinden navbar ve gif yüksekliğini çıkararak yüksekliği hesaplar */
  height: calc(100vh - var(--navbar-height) - var(--gif-height));
  width: 100vw;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(
    100vh - var(--navbar-height) - var(--gif-height)
  ); /* Minimum yüksekliği ayarlar */
}
.navbar-nav {
  padding: 10px !important;
}

.mobile-image-container {
  display: none; /* Mobilde görüntülenecek arka plan resmi için bu bölümü gizli tutarız */
}

@media (max-width: 768px) {
  .fullscreen-image {
    display: none; /* Mobilde fullscreen-image div'ini gizler */
  }

  .mobile-image-container {
    display: block; /* Mobilde bu bölümü görüntüler */
  }

  .mobile-image {
    width: 100%; /* Mobilde resmin genişliğini %100 yapar */
    height: auto; /* Yüksekliği otomatik ayarlar */
  }

  .right-boxes {
    flex-direction: column; /* Kutuları dikey yerleştirir */
    align-items: center; /* Mobilde kutuları ortalar */
  }

  .box {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .frnch-img {
    display: none; /* Mobilde resmi gizler */
  }
}

@media (max-width: 768px) {
  .navbar {
    padding: 10px !important;
  }

  .right-boxes {
    flex-direction: column; /* Kutuları dikey yerleştirir */
    align-items: center; /* Mobilde kutuları ortalar */
  }

  .box {
    width: 100%; /* Kutuları genişletir */
    margin-bottom: 10px; /* Kutular arasında boşluk bırakır */
  }
}

.navbar {
  padding: 0;
}

.bg-imagecup {
  background-image: url(/assets/images/cup1.png);
  background-size: cover; /* Görselin tamamını gösterir */
  background-position: top center; /* Resmi ortalar */
  background-repeat: no-repeat; /* Resmin tekrarlanmamasını sağlar */
  height: calc(
    100vh - var(--navbar-height)
  ); /* Sayfanın tamamı kadar yüksekliği ayarlar */
  /* width: 100vw;  */
  position: relative;
  background-attachment: fixed;
}
.milyoner-bg {
  background-image: url(/assets/images/milyonerbg.png);
  background-size: cover; /* Görselin tamamını gösterir */
  background-position: top center; /* Resmi ortalar */
  background-repeat: no-repeat; /* Resmin tekrarlanmamasını sağlar */
}
.franchise-bg-img {
  background-image: url(/assets/images/franchise5.png);
  background-size: cover; /* Görselin tamamını gösterir */
  background-position: top center; /* Resmi ortalar */
  background-repeat: no-repeat; /* Resmin tekrarlanmamasını sağlar */
}
.cup-box {
  background-color: rgba(2, 51, 99, 0.5); /* RGB rengi ve %50 opaklık */
  padding: 20px;
  border-radius: 10px;
  position: relative;
  backdrop-filter: blur(12.1px); /* Bulanıklık efekti */
}
.img-container img {
  object-fit: contain;
}
.cup-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(2, 51, 99, 0.5); /* %50 opak mavi renk */
  filter: blur(55px); /* Blur uygulamak için */
  z-index: -1; /* İçeriğin arkasında kalmasını sağlar */
  border-radius: 10px; /* Aynı border-radius ile uyumlu hale getirir */
}
.contact-box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  height: 100%; /* Kartların yüksekliği eşitlenmiş olur */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cup-box p {
  color: white !important;
}

.right-boxes {
  display: flex;
  flex-direction: column; /* Kutuları alt alta yerleştirir */
  justify-content: space-between; /* Kutuları sayfanın alt kısmına hizalar */
  align-items: flex-end; /* Kutuları sağ tarafa hizalar */
  height: 100% !important;
  padding: 20px; /* Kutuların kenarlardan uzaklığı */
  position: absolute; /* Konumlandırmayı sağlar */
  top: 0;
  width: 30%;
  right: 0;
}

.img-fluid {
  width: 100%;
  height: auto;
  border-radius: 30px;
}

.footer-alt {
  background-color: #ffc107; /* Mavi renk */
  padding: 20px;
  display: flex;
  text-align: center;
  color: white;
  /* Sayfanın en altına sabitlenir */
  bottom: 0;
  width: 100%;
  z-index: 9999; /* Üstte görünmesi için */
}

.footer-alt a {
  color: white;
  text-decoration: none;
  margin: 0 10px;
  font-size: 13px;
}

.footer-alt a:hover {
  text-decoration: underline;
}

.cookie-consent-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(
    0,
    0,
    0,
    0.6
  ); /* Sayfanın üstüne karanlık bir katman ekleyerek etkileşimleri devre dışı bırakır */
  z-index: 9999;
}

.cookie-consent {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 15px;
  border-radius: 5px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cookie-consent p {
  margin: 0 0 10px;
  color: white !important;
}

.cookie-consent button {
  margin: 5px;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  background-color: #007bff;
  color: white;
  border-radius: 3px;
}

.cookie-consent button:hover {
  background-color: #0056b3;
}

#rejectCookies {
  background-color: red;
}

#rejectCookies:hover {
  background-color: darkred;
}

.box {
  background-color: rgba(221, 44, 44, 0.8);
  color: white;
  padding: 20px;
  margin-bottom: 10px;
  width: calc(80%);
  height: calc(90% - 10px);
  position: relative;
  overflow: hidden;
  border-radius: 50px 0px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* .box {
  color: white;
  padding: 20px;
  background-image: url(/assets/images/boxbg.png);
  margin-bottom: 10px;
  width: calc(80%);
  height: calc(90% - 50px);
  position: relative;
  overflow: hidden;
 
} */

.box2 {
  background-color: rgba(221, 44, 44, 0.8); /* Şeffaf beyaz arka plan */
  color: white;
  padding: 20px;
  margin-bottom: 10px;
  width: calc(80%); /* Kutunun genişliği, sağ kutu içeriği dolduracak şekilde */
  height: calc(35% - 10px);

  border-radius: 50px 0px; /* Kutuların kenarlarını yuvarlar */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Hafif gölge ekler */
}

.card {
  height: 100% !important;
}
.card-body p {
  font-size: 12px;
}
.card-body {
  height: 250px;
}

.background-section {
  background-image: url("/assets/images/cgtddd.png"); /* Arka plan resmi yolu */
  background-size: cover; /* Resmi kapsayıcıya uyacak şekilde ölçeklendirir */
  background-position: center; /* Resmi ortalar */
  background-repeat: no-repeat; /* Resmin tekrar etmesini engeller */
  padding: 50px 0; /* İçerik için yeterli boşluk sağlar */
  color: #fff; /* İçerik rengi (isteğe bağlı) */
  height: 500px;
  display: flex;
  align-items: center;
}

.footer-li li {
  font-size: 12px;
}

.icon-circle {
  background-color: #f0f0f0; /* Arka plan rengi */
  width: 40px;
  height: 40px;
  border-radius: 50%; /* Yuvarlak yapmak için */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease; /* Hover animasyonu */
}

.icon-circle i {
  font-size: 18px; /* İkon boyutu */
  color: #333; /* İkon rengi */
  transition: color 0.3s ease; /* Hover animasyonu */
}

.social-icon:hover .icon-circle {
  background-color: #007bff; /* Hover durumunda arka plan rengi */
}

.social-icon:hover .icon-circle i {
  color: #fff; /* Hover durumunda ikon rengi */
}
.gif-container {
  position: relative;
  width: 100% !important; /* Tam genişlik */
  /* Tam yükseklik */
  overflow: hidden; /* Taşan içeriği gizler */
}
.gif-container video {
  width: 100vw;
}
@media (max-width: 768px) {
  .promo-heading {
    font-size: 24px;
  }
  .frnch-bg {
    font-size: 20px !important;
  }

  .promo-item {
    margin-bottom: 20px;
  }

  .promo-icon {
    width: 60px;
    height: 60px;
  }

  .promo-title {
    font-size: 20px;
  }

  .promo-description {
    font-size: 10px;
  }
  .promosion-text {
    font-size: 17px !important;
  }
  .promosion-bg {
    width: 60px !important;
    height: 60px !important;
  }
}

@media (max-width: 768px) {
  .icon-circle {
    width: 50px; /* İkonları mobilde biraz büyüt */
    height: 50px;
  }
  .mta {
    margin-top: 30px;
  }
  .lma {
    display: flex;
    flex-direction: column;
    align-items: center; /* Yatayda ortalar */
    text-align: center; /* Metni ortalar */
  }

  .lma img {
    width: 120px; /* Daha küçük bir logo boyutu */
  }
  .box2 {
    margin: 0 auto;
    margin-top: 10px;
  }
  .p100 {
    width: 100% !important;
  }
  .p90 {
    font-size: 10px !important;
  }
  .lma .social-icons-wrapper {
    display: flex;
    justify-content: center; /* İkonları ortalar */
    gap: 10px; /* İkonlar arasındaki boşluk */
  }
  .gif-container {
    display: none;
  }
}

.icon-circle i {
  font-size: 20px; /* İkonların boyutunu büyüt */
}

.social-icons-wrapper {
  gap: 20px; /* İkonlar arasındaki boşluğu arttır */
}

@media (max-width: 768px) {
  .right-boxes {
    display: none;
  }
  .right-boxes2 {
    display: block !important;
  }

  .box {
    width: calc(100% - 40px); /* Mobilde kutu genişliği */
    margin: 10px auto; /* Kutuların arasına boşluk ekler ve ortalar */
    height: auto; /* Yüksekliği otomatik yapar */
  }
  .frnch-img {
    display: block !important;
  }
  .frnch-img img {
    width: 300px !important;
  }
  .frn-rsp {
    height: 100vh;
  }
  #franchiseForm {
    padding: 20px !important;
  }
  .frnss {
    height: 70vh !important;
  }
  .about-40 {
    margin-bottom: 40px;
  }
  .dnsmn {
    padding: 20px 0px !important;
  }
}

@media screen and (min-width: 580px) {
  .accordion__wrapper {
    /* padding: 5rem 8rem; */
  }
  /* .frn-rsp {
    height: 100vh !important;
  } */
}

@media only screen and (max-width: 900px) {
  .jc {
    justify-content: flex-start;
  }
  .jobready {
    margin-top: 0;
  }
}

/* Navbar hamburger menünün mobilde her zaman sağda kalması */

/* Navbar içindeki öğeleri hizalama */
@media (max-width: 991px) {
  /* Mobil ve tablet ekranlarında */
  .navbar-toggler {
    margin-left: auto; /* Hamburger menüyü sağa hizalar */
    order: 2; /* Sağa yerleştirir */
  }

  .collapse.navbar-collapse {
    justify-content: flex-end !important; /* Menü simgesinin ve içeriğin sağda kalmasını sağlar */
  }
}

.imgbg {
  height: 180px;
}