@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);
@charset "UTF-8";
.img-rounded {
  border-radius: 25px;
}

body {
  font-size: 1em !important;
  color: #e7e7e7;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif !important;
  margin: 0px;
  padding: 0px;
  background: #1e2225;
}

.elYazisi {
  font-family: "Great Vibes", cursive !important;
}

.site-btn {
  display: inline-block;
  line-height: 40px;
  padding: 0px 25px;
  font-size: 0.9em;
  border-radius: 20px;
  text-align: center;
  border: none !important;
  color: white !important;
  height: 40px;
  background: #b1a991;
}

.lineClamp1 {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp2 {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp3 {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp4 {
  -webkit-line-clamp: 4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp5 {
  -webkit-line-clamp: 5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp6 {
  -webkit-line-clamp: 6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp7 {
  -webkit-line-clamp: 7;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lineClamp8 {
  -webkit-line-clamp: 8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.contactFormHome {
  border: 1px solid gray;
  padding: 20px;
  border-radius: 0 0 12px 12px;
  background: #b1a991;
  border: none !important;
}

.contactFormHome .form-group {
  margin-bottom: 15px;
}

.contactFormHome .form-control {
  background: rgba(0, 0, 0, 0.3);
  border: none !important;
  color: white !important;
  padding: 12px;
}

.contactFormHome label {
  color: black;
  margin-bottom: 5px;
}

.icon-btn3 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #218ae0;
  border-radius: 10px;
  font-size: 2em;
  text-align: center;
  color: white;
  display: inline-block;
}

.icon-btn2 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  text-align: center;
  color: white;
  display: inline-block;
}

.blogquote {
  position: relative;
  padding: 10px 15px;
  margin: 20px 0;
  border-left: 4px solid #218ae0;
  font-style: italic;
  color: white;
}

/* Sol üst apostrof */
.blogquote::before {
  content: "‘‘";
  /* tek tırnak (apostrof) */
  position: absolute;
  top: -30px;
  left: 5px;
  font-size: 5em !important;
  color: #218ae0;
  font-family: serif;
}

.card {
  border: none !important;
  background: none !important;
  border-radius: 25px;
  transition: all 300ms ease;
}

.card:hover {
  transform: translateY(-10px) !important;
  transition: all 300ms ease;
}

.card-img-top {
  border-top-left-radius: 25px !important;
  border-top-right-radius: 25px !important;
}

.card-body {
  background-color: none !important;
}

.card:hover img {
  transform: scale(1.3);
  transition: all 2000ms;
}

.card img {
  transform: scale(1);
  transition: all 2000ms;
}

.mt-6 {
  margin-top: 4rem !important;
}

/* 64px */
.mt-7 {
  margin-top: 5rem !important;
}

/* 80px */
.mt-8 {
  margin-top: 6rem !important;
}

/* 96px */
.mt-9 {
  margin-top: 7rem !important;
}

/* 112px */
.bg-none {
  background: none !important;
  background-color: none !important;
}

.cart-btn {
  outline: none !important;
  background: #218ae0;
  border: none !important;
  color: white;
  padding: 10px 15px;
  margin-top: 15px;
}

.nav-btn {
  margin-top: 5px !important;
  height: 35px;
  line-height: 35px;
  color: white !important;
  border: 1px solid lightgray;
  display: inline-block;
  font-size: 0.85em !important;
  padding: 0px 15px;
  border-radius: 20px;
}

.iconbtn-navbar {
  border: 1px solid lightgray;
  color: white;
  border-radius: 100%;
  font-size: 0.7em !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
}

.sayac {
  width: 120px;
}

#subtract {
  color: white;
  content: "";
  display: inline-block;
  background: #b1a991;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

#add {
  color: white;
  content: "";
  display: inline-block;
  background: #b1a991;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

#sonuc {
  background: lightgray;
  text-align: center;
  border: 0px !important;
  height: 30px;
  outline: none !important;
  display: inline-block;
  width: 54px;
}

.box-title {
  font-weight: 600 !important;
}

.box-price {
  font-weight: 400 !important;
  color: gray !important;
}

.product-detail-title {
  font-size: 2em !important;
  font-weight: 700 !important;
  margin-bottom: 0px !important;
}

.product-detail-spot {
  font-size: 1em !important;
  line-height: 1.4;
  font-weight: 300 !important;
}

.product-detail-price {
  font-weight: 900 !important;
  font-size: 1.8em !important;
  color: #16619e;
}

.cart-count-icon {
  position: absolute;
  width: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  height: 20px;
  color: white;
  border-radius: 50%;
  left: -5px;
  top: -5px;
  background: lightgreen;
}

.cart-count-icon-a {
  position: absolute;
  width: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  height: 20px;
  color: white;
  border-radius: 50%;
  left: -5px;
  top: -5px;
  background: lightgreen;
}

.iconbtn-navbar2 {
  margin-right: 2px;
  background: #218ae0;
  color: white;
  font-size: 0.9em;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
}

.altNav .nav-link.activeDil {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}

.ustNav .nav-link {
  color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  padding: 3px 13px !important;
  border-radius: 15px;
  font-size: 0.75em !important;
  transition: all 400ms;
  background: rgba(33, 138, 224, 0.2);
}

.ustNav .nav-link:hover {
  background: #218ae0;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 400ms;
}

.ustNav .nav-item:first-child .nav-link {
  margin-right: 10px;
}

.bg-none {
  background: none !important;
}

.altNav .nav-link {
  color: white !important;
  font-weight: 600 !important;
  text-shadow: 1px 1px 2px black;
}

.altNav .nav-link:hover {
  background-color: #218ae0 !important;
  border-radius: 5px;
}

.altNav .first .nav-link {
  color: white !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 5px 7px !important;
}

.page-top-div {
  background: #1e2225;
  height: 150px !important;
  transition: all 400ms;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-top: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b1a991;
  background-blend-mode: multiply;
}

.altNav2 .nav-link {
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 8px 20px !important;
  border-radius: 20px;
  font-size: 0.9em !important;
  background-color: rgba(0, 0, 0, 0.8);
}

.altNav2 .nav-link:hover {
  background-color: rgba(33, 138, 224, 0.8);
  border: 1px solid rgba(33, 138, 224, 0.4);
}

.page-top-div h1 {
  font-size: 1.5em !important;
  color: white !important;
  text-align: center;
  margin: 0px;
}

.both {
  animation-fill-mode: both;
}

footer {
  margin-top: 120px !important;
  background: #2c3339 !important;
  padding: 50px 0px;
}

footer h2 {
  font-size: inherit !important;
}

.libBox {
  box-shadow: 0 0.125rem 0.45rem rgba(0, 0, 0, 0.095);
  border-radius: 10px;
  color: #5c5c5c !important;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
  transition: all 500ms;
}

.libBox i {
  font-size: 2em;
}

.libBox:hover {
  transform: translateY(-5px);
  transition: all 500ms;
}

.boxx {
  transition: all 500ms;
}

.boxx:hover {
  transform: translateY(-5px);
}

.dropdown .btn {
  padding: 5px 15px;
}

.blurBG {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  transition: all 500ms;
}

.blurBG .nav-link {
  color: white !important;
}

.alertbar {
  display: none !important;
}

.fw-8 {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: 700 !important;
}

.fz-15 {
  font-size: 0.92em !important;
}

.container {
  max-width: 1200px !important;
}

.sliderTitle {
  font-size: 2.5em;
  margin-bottom: 10px;
  line-height: 1.3 !important;
}

@media all and (max-width: 989px) {
  .page-top-div {
    background-color: #b1a991;
    background-blend-mode: multiply;
    height: 110px !important;
    transition: all 400ms;
  }
}
.navbar .megamenu {
  padding: 1rem;
  z-index: 111;
}

@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    background: 0 0 !important;
    padding: 0 !important;
    border: none !important;
  }
}
[data-overlay-primary] {
  position: relative;
}

[data-overlay-primary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-primary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #218ae0 !important;
}

[data-overlay-primary="0"]::before {
  opacity: 0.03;
}

[data-overlay-primary="1"]::before {
  opacity: 0.13;
}

[data-overlay-primary="2"]::before {
  opacity: 0.23;
}

[data-overlay-primary="3"]::before {
  opacity: 0.33;
}

[data-overlay-primary="4"]::before {
  opacity: 0.43;
}

[data-overlay-primary="5"]::before {
  opacity: 0.53;
}

[data-overlay-primary="6"]::before {
  opacity: 0.63;
}

[data-overlay-primary="7"]::before {
  opacity: 0.73;
}

[data-overlay-primary="8"]::before {
  opacity: 0.83;
}

[data-overlay-primary="9"]::before {
  opacity: 0.93;
}

[data-overlay-primary="10"]::before {
  opacity: 1.03;
}

[data-overlay-secondary] {
  position: relative;
}

[data-overlay-secondary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-secondary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #b1a991 !important;
}

[data-overlay-secondary="0"]::before {
  opacity: 0.03;
}

[data-overlay-secondary="1"]::before {
  opacity: 0.13;
}

[data-overlay-secondary="2"]::before {
  opacity: 0.23;
}

[data-overlay-secondary="3"]::before {
  opacity: 0.33;
}

[data-overlay-secondary="4"]::before {
  opacity: 0.43;
}

[data-overlay-secondary="5"]::before {
  opacity: 0.53;
}

[data-overlay-secondary="6"]::before {
  opacity: 0.63;
}

[data-overlay-secondary="7"]::before {
  opacity: 0.73;
}

[data-overlay-secondary="8"]::before {
  opacity: 0.83;
}

[data-overlay-secondary="9"]::before {
  opacity: 0.93;
}

[data-overlay-secondary="10"]::before {
  opacity: 1.03;
}

[data-overlay-tertiary] {
  position: relative;
}

[data-overlay-tertiary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-tertiary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #6e1a2f !important;
}

[data-overlay-tertiary="0"]::before {
  opacity: 0.03;
}

[data-overlay-tertiary="1"]::before {
  opacity: 0.13;
}

[data-overlay-tertiary="2"]::before {
  opacity: 0.23;
}

[data-overlay-tertiary="3"]::before {
  opacity: 0.33;
}

[data-overlay-tertiary="4"]::before {
  opacity: 0.43;
}

[data-overlay-tertiary="5"]::before {
  opacity: 0.53;
}

[data-overlay-tertiary="6"]::before {
  opacity: 0.63;
}

[data-overlay-tertiary="7"]::before {
  opacity: 0.73;
}

[data-overlay-tertiary="8"]::before {
  opacity: 0.83;
}

[data-overlay-tertiary="9"]::before {
  opacity: 0.93;
}

[data-overlay-tertiary="10"]::before {
  opacity: 1.03;
}

[data-overlay-quaternary] {
  position: relative;
}

[data-overlay-quaternary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-quaternary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #ffffff !important;
}

[data-overlay-quaternary="0"]::before {
  opacity: 0.03;
}

[data-overlay-quaternary="1"]::before {
  opacity: 0.13;
}

[data-overlay-quaternary="2"]::before {
  opacity: 0.23;
}

[data-overlay-quaternary="3"]::before {
  opacity: 0.33;
}

[data-overlay-quaternary="4"]::before {
  opacity: 0.43;
}

[data-overlay-quaternary="5"]::before {
  opacity: 0.53;
}

[data-overlay-quaternary="6"]::before {
  opacity: 0.63;
}

[data-overlay-quaternary="7"]::before {
  opacity: 0.73;
}

[data-overlay-quaternary="8"]::before {
  opacity: 0.83;
}

[data-overlay-quaternary="9"]::before {
  opacity: 0.93;
}

[data-overlay-quaternary="10"]::before {
  opacity: 1.03;
}

[data-overlay-quinary] {
  position: relative;
}

[data-overlay-quinary] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-quinary]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #59b7f7 !important;
}

[data-overlay-quinary="0"]::before {
  opacity: 0.03;
}

[data-overlay-quinary="1"]::before {
  opacity: 0.13;
}

[data-overlay-quinary="2"]::before {
  opacity: 0.23;
}

[data-overlay-quinary="3"]::before {
  opacity: 0.33;
}

[data-overlay-quinary="4"]::before {
  opacity: 0.43;
}

[data-overlay-quinary="5"]::before {
  opacity: 0.53;
}

[data-overlay-quinary="6"]::before {
  opacity: 0.63;
}

[data-overlay-quinary="7"]::before {
  opacity: 0.73;
}

[data-overlay-quinary="8"]::before {
  opacity: 0.83;
}

[data-overlay-quinary="9"]::before {
  opacity: 0.93;
}

[data-overlay-quinary="10"]::before {
  opacity: 1.03;
}

[data-overlay-dark] {
  position: relative;
}

[data-overlay-dark] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #272727 !important;
}

[data-overlay-dark="0"]::before {
  opacity: 0.03;
}

[data-overlay-dark="1"]::before {
  opacity: 0.13;
}

[data-overlay-dark="2"]::before {
  opacity: 0.23;
}

[data-overlay-dark="3"]::before {
  opacity: 0.33;
}

[data-overlay-dark="4"]::before {
  opacity: 0.43;
}

[data-overlay-dark="5"]::before {
  opacity: 0.53;
}

[data-overlay-dark="6"]::before {
  opacity: 0.63;
}

[data-overlay-dark="7"]::before {
  opacity: 0.73;
}

[data-overlay-dark="8"]::before {
  opacity: 0.83;
}

[data-overlay-dark="9"]::before {
  opacity: 0.93;
}

[data-overlay-dark="10"]::before {
  opacity: 1.03;
}

.btn-primary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #218ae0;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-primary:hover {
  background: #0e3d64;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-primary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: white;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-primary-light:hover {
  background: #82bdee;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-primary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #16619e;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-primary-dark:hover {
  background: #051421;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-secondary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #b1a991;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-secondary:hover {
  background: #69614a;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-secondary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: white;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-secondary-light:hover {
  background: #c4beab;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-secondary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #9a8f70;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-secondary-dark:hover {
  background: #484333;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-tertiary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #6e1a2f;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-tertiary:hover {
  background: black;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-tertiary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #e38aa0;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-tertiary-light:hover {
  background: #b42b4d;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-tertiary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #070203;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-tertiary-dark:hover {
  background: black;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quaternary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #ffffff;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quaternary:hover {
  background: #b8b8b8;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quaternary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: white;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quaternary-light:hover {
  background: #b8b8b8;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quaternary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #cfcfcf;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quaternary-dark:hover {
  background: #878787;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quinary {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #59b7f7;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quinary:hover {
  background: #0971b8;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quinary-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #ebf6fe;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quinary-light:hover {
  background: #63bbf7;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-quinary-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #0b8ce4;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-quinary-dark:hover {
  background: #04385c;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #272727;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-dark:hover {
  background: black;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-dark-light {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: #474747;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-dark-light:hover {
  background: black;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.btn-dark-dark {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding: 0px 25px;
  font-weight: 400;
  background: black;
  color: white !important;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  transition: all 500ms;
  border-radius: 22px;
}
.btn-dark-dark:hover {
  background: black;
  color: white;
  border: rgba(255, 255, 255, 0.5) !important;
}

.bg-primary {
  background-color: #218ae0 !important;
}

.bg-primary-light {
  background-color: white !important;
}

.bg-primary-dark {
  background-color: #16619e !important;
}

.text-primary {
  color: #218ae0 !important;
}

.text-primary-light {
  color: white !important;
}

.text-primary-dark {
  color: #16619e !important;
}

.bg-secondary {
  background-color: #b1a991 !important;
}

.bg-secondary-light {
  background-color: white !important;
}

.bg-secondary-dark {
  background-color: #9a8f70 !important;
}

.text-secondary {
  color: #b1a991 !important;
}

.text-secondary-light {
  color: white !important;
}

.text-secondary-dark {
  color: #9a8f70 !important;
}

.bg-tertiary {
  background-color: #6e1a2f !important;
}

.bg-tertiary-light {
  background-color: #e38aa0 !important;
}

.bg-tertiary-dark {
  background-color: #070203 !important;
}

.text-tertiary {
  color: #6e1a2f !important;
}

.text-tertiary-light {
  color: #e38aa0 !important;
}

.text-tertiary-dark {
  color: #070203 !important;
}

.bg-quaternary {
  background-color: #ffffff !important;
}

.bg-quaternary-light {
  background-color: white !important;
}

.bg-quaternary-dark {
  background-color: #cfcfcf !important;
}

.text-quaternary {
  color: #ffffff !important;
}

.text-quaternary-light {
  color: white !important;
}

.text-quaternary-dark {
  color: #cfcfcf !important;
}

.bg-quinary {
  background-color: #59b7f7 !important;
}

.bg-quinary-light {
  background-color: #ebf6fe !important;
}

.bg-quinary-dark {
  background-color: #0b8ce4 !important;
}

.text-quinary {
  color: #59b7f7 !important;
}

.text-quinary-light {
  color: #ebf6fe !important;
}

.text-quinary-dark {
  color: #0b8ce4 !important;
}

.bg-dark {
  background-color: #272727 !important;
}

.bg-dark-light {
  background-color: #474747 !important;
}

.bg-dark-dark {
  background-color: black !important;
}

.text-dark {
  color: #272727 !important;
}

.text-dark-light {
  color: #474747 !important;
}

.text-dark-dark {
  color: black !important;
}

.carousel .carousel-item {
  height: 1000px !important;
}

.carousel-item img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  min-height: 1000px !important;
}

.carousel-item video {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  min-height: 80vh !important;
}

.carousel-control-next,
.carousel-control-prev {
  width: 4% !important;
}

@media all and (max-width: 989px) {
  .carousel .carousel-item {
    height: 800px !important;
  }

  .carousel-item img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 800px !important;
  }
}
h1 {
  font-size: 2.25em;
  /* ~36px */
  line-height: 1.2;
  margin-bottom: 0.6em;
  font-weight: bolder;
}

h2 {
  font-size: 1.875em;
  /* ~30px */
  line-height: 1.3;
  margin-bottom: 0.7em;
  font-weight: bold;
}

h3 {
  font-size: 1.5em;
  /* ~24px */
  line-height: 1.3;
  margin-bottom: 0.75em;
  font-weight: bold;
}

h4 {
  font-size: 1.25em;
  /* ~20px */
  line-height: 1.4;
  margin-bottom: 0.8em;
  font-weight: bold;
}

h5 {
  font-size: 1.125em;
  /* ~18px */
  line-height: 1.4;
  margin-bottom: 0.9em;
  font-weight: bold;
}

a {
  color: inherit !important;
  text-decoration: none !important;
}

.fz-normal {
  font-size: 1em !important;
}

.fz-small {
  font-size: 0.9em !important;
}

.fz-big {
  font-size: 1.3em !important;
}

.fw-normal {
  font-weight: normal;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.offcanvas .accordion {
  border: none !important;
}

.offcanvas .accordion-item,
.offcanvas .accordion-button,
.offcanvas .accordion-button:not(.collapsed),
.offcanvas .accordion-button:focus,
.offcanvas .accordion-collapse {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

.offcanvas .accordion-button,
.offcanvas .accordion-button.collapsed {
  font-weight: bold !important;
  background: none !important;
}

.offcanvas .accordion-button.bgnone:after {
  content: "";
  background: none !important;
}

.offcanvas .accordion-button {
  padding: 5px;
  font-size: 25px !important;
}

.offcanvas .accordion > * {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
}

.nav-scroll {
  background: rgba(30, 34, 37, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 5;
  transition: transform 0.5s;
  transform: translateY(100px);
  border: none;
  box-shadow: 0px 5px 15px rgba(15, 36, 84, 0.05);
}

.nav-scroll .nav-link {
  color: white !important;
}

.nav-scroll .nav-btn {
  background: #b1a991;
  margin-top: 5px !important;
  height: 35px;
  line-height: 35px;
  color: white !important;
  border: none;
  display: inline-block;
  font-size: 0.85em !important;
  padding: 0px 15px;
  border-radius: 20px;
}

.nav-scroll .iconbtn-navbar {
  background: #b1a991;
  border: none !important;
  color: white;
  border-radius: 100%;
  font-size: 0.7em !important;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
}

.brand-logo-box {
  width: 180px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: white;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid #e7e7e7;
}

.brand-logo-box img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* orantılı küçült */
  display: block;
}

.sectionTitle {
  position: relative;
  font-weight: 700;
  display: block;
  font-size: 1.4em !important;
  margin: 0px !important;
  margin-bottom: 10px !important;
}

.sectionTitle:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  width: 50px;
  height: 2px;
  background: #218ae0;
}

.owl-carousel .owl-stage {
  display: flex !important;
}

/* ── Animate on Scroll ── */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}

.animate-on-scroll.delay-100 {
  transition-delay: 100ms;
}

.animate-on-scroll.delay-200 {
  transition-delay: 200ms;
}

.animate-on-scroll.delay-300 {
  transition-delay: 300ms;
}

.animate-on-scroll.delay-500 {
  transition-delay: 500ms;
}