/* General Css Start (404 page, cookie style etc) */
body,
html {
  transition: 0s;
}
body {
  background: #fff;
  font-family: "Inter", sans-serif;
}
.body-overflow {
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 0;
}

.s-container {
  padding: 0 50px;
  max-width: 1350px;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .s-container {
    padding: 0 32px;
  }
}

@media screen and (max-width: 767px) {
  .s-container {
    padding: 0 24px;
  }
}

.bg-gray {
  background: rgba(185, 185, 185, 0.08);
}

img {
  max-width: 100%;
  user-select: none;
}

.page-banner {
  position: relative;
  margin-bottom: -7vw;
}

.page-banner .banner-title {
  font-weight: bold;
  font-size: 4vw;
  color: #fff4f2;
  position: absolute;
  top: 40%;
  left: 150px;
  transform: translate(0px, -50%);
  max-width: 50vw;
}

.page-banner .banner-bg {
  height: 34vw;
}

.page-banner .banner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-banner .custom-breadcrumb {
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0;
  z-index: 1;
}

.page-banner .custom-breadcrumb:before {
  visibility: hidden;
}

.page-banner:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 331px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
}

.page-banner .custom-breadcrumb h3 {
  color: #fff;
}

.page-banner .custom-breadcrumb .breadcumb-top ul li,
.page-banner .custom-breadcrumb .breadcumb-top ul li a,
.page-banner .custom-breadcrumb ul li:after {
  color: #fff;
}

.page-banner .custom-breadcrumb ul li:last-child a {
  color: #000;
}

@media screen and (max-width: 1199px) {
  .page-banner .banner-bg {
    height: 40vw;
  }

  .page-banner {
    margin-bottom: -12vw;
  }

  .page-banner .custom-breadcrumb {
    bottom: 70px;
  }

  .page-banner .banner-title {
    top: 35%;
    left: 110px;
  }
}

@media screen and (max-width: 991px) {
  .page-banner .banner-bg {
    height: 60vw;
  }

  .page-banner {
    margin-bottom: -19vw;
  }

  .page-banner .custom-breadcrumb {
    bottom: 120px;
  }

  .page-banner .banner-title {
    left: 50px;
    top: 30%;
    font-size: 5vw;
    max-width: 60vw;
  }
}

@media screen and (max-width: 767px) {
  .page-banner:before {
    visibility: hidden;
  }

  .page-banner .custom-breadcrumb h3 {
    color: #151515;
  }

  .page-banner .custom-breadcrumb .breadcumb-top ul li,
  .page-banner .custom-breadcrumb .breadcumb-top ul li a,
  .page-banner .custom-breadcrumb ul li:after {
    color: #000;
  }
}

/* Special Page */
section.page.single-page {
  padding: 300px 180px 100px;
  color: #fff;
}
section.page.single-page h2 {
  margin-bottom: 95px;
  font-size: 58px;
  font-weight: bold;
  color: white;
}
section.page.single-page p,
section.page.single-page tr,
section.page.single-page td,
section.page.single-page th {
  font-size: 20px;
  color: #808080;
}
section.page.single-page ol {
  padding: 0;
  list-style: none;
}
.tag-success {
  background: #f24f29;
}
.tag-danger {
  background: #d4653a !important;
}
.text-danger {
  color: #d4653a;
}
.stocke {
  pointer-events: none;
}
.tag-primer {
  color: #263543 !important;
  border: 1px solid #ededed;
}
section.page.single-page ol li {
  color: #808080;
  padding: 5px 0;
  font-size: 20px;
  padding-left: 30px;
  position: relative;
}
section.page.single-page ol li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}
section.page.single-page p strong {
  font-weight: 300;
  color: white;
}

@media only screen and (max-width: 1199px) {
  section.page.single-page {
    padding: 260px 80px 70px;
  }
  section.page.single-page h2 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  section.page.single-page {
    padding: 160px 20px 40px;
    font-size: 13px;
  }
  section.page.single-page h2 {
    font-size: 23px;
    margin-bottom: 35px;
  }
  section.page.single-page p strong {
    font-size: 15px;
  }
}
/* Special Page */

/* 404 Page */
.page.nf404 {
  text-align: center;
  margin-bottom: -100px;
  min-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page.nf404 .page404-content {
  text-align: center;
}

.page.nf404 .page404-content .svg svg {
  width: 100%;
}

.page.nf404 .svg path {
  fill: #1d1d1c;
}

.nf404 h2 {
  font-size: 2.1vw;
  color: #1d1d1c;
  font-weight: 600;
  margin: 2vw 0 10px;
}

.nf404 h3 {
  color: #1d1d1c;
  font-weight: 400;
  font-size: 1.1vw;
}

.page.nf404 a {font-size: 15px;padding: 10px 20px;margin-top: 20px;}

.page.nf404 .svg svg line {
  stroke: #f24f28;
}

.page.nf404 .svg svg {
  width: 100%;
  height: auto;
}

.page.nf404 a svg {
  margin-right: 15px;
  stroke: #1d1d1c;
}

@media (hover: hover) {
  .page.nf404 a:hover {
    background: white;
    color: #000;
  }

  .page.nf404 a:hover svg {
    stroke: #000;
  }
}

@media only screen and (max-width: 1199px) {
  .page.nf404 a {
    height: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .nf404 h2 {
    font-size: 3vw;
    margin-top: 5vw;
  }

  .nf404 h3 {
    font-size: 2.4vw;
  }

  .page.nf404 a {
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 767px) {

  .page.nf404 {
    min-height: 500px;
    margin-bottom: -50px;
}
  
  .page.nf404 .svg {
    overflow: hidden;
  }

  .page.nf404 .svg svg {
    width: 200%;
    margin-left: -50%;
  }

  .nf404 h2 {
    font-size: 5vw;
    margin-top: 9vw;
  }

  .nf404 h3 {
    font-size: 4.2vw;
  }

  .page.nf404 a {
    margin-top: 7vw;
  }
}


/* Cookie */
body .cc-window {
  bottom: 50px !important;
  left: 50% !important;
  max-width: 460px;
  height: 93px;
  border-radius: 100px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(34, 41, 48, 0.8);
  padding: 0 30px !important;
  -webkit-transform: translateX(-50%) translateZ(100px);
  -ms-transform: translateX(-50%) translateZ(100px);
  transform: translateX(-50%) translateZ(100px);
  -webkit-transition: none;
  flex-direction: row !important;
  -o-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 99999;
}
body .cc-window .cc-message {
  font-size: 15px;
  color: #fff;
  line-height: normal;
  margin: 0 !important;
}
body .cc-window .cc-message a {
  transition: 0.4s;
  opacity: 1;
}
body .cc-compliance a.cc-btn.cc-dismiss {
  transition: 0.4s;
  width: 56px;
  height: 56px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent;
  border: 1px solid #000;
  border-radius: 100px;
  position: relative;
  padding: 0;
  color: transparent !important;
  display: block;
}
body .cc-compliance a.cc-btn.cc-dismiss:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/svg/check-icon.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 0 !important;
}

@media only screen and (max-width: 767px) {
  body .cc-window {
    width: 100%;
    max-width: 100% !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translateX(-50%) scale(0.9);
    -ms-transform: translateX(-50%) scale(0.9);
    transform: translateX(-50%) scale(0.9);
    bottom: 30px !important;
    height: 110px;
    padding: 0 30px !important;
  }
  .cc-floating.cc-theme-edgeless .cc-message {
    margin: 0 !important;
  }
}
/* Cookie */

/* Header */
header .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 95;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}

header .header-row .header-infos {
  display: flex;
  align-items: center;
  gap: 18px;
}

header.inner-header .header-row .header-infos .mobile-menu-btn svg path {
  stroke: #fff;
}

header .header-row .header-infos .mobile-search,
header .header-row .header-infos .mobile-menu-btn {
  display: none;
  cursor: pointer;
}

header .header-row .header-infos .info-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  height: auto;
}

header .header-row .header-infos .info-item > span:nth-child(2) {
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: -6px;
  right: -7px;
  width: 14px;
  height: 14px;
  background: #f24f29;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header-row .header-infos .info-item > span:nth-child(3) {
  width: 14px;
  height: 14px;
  background: #263543;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 9px;
  color: #fff;
  margin-left: 8px;
}

header .header-row .header-search,
.mobil-menu-container .header-search {
  position: relative;
  /* transition: 0.3s; */
}

header .header-row .header-search input,
.mobil-menu-container .header-search input {
  width: 480px;
  height: 48px;
  border-radius: 100px;
  background: #fff;
  border: none;
  box-shadow: inset 0 0 8px rgb(0 0 0 / 8%);
  outline: none;
  color: #bbbbbb;
  font-size: 14px;
  font-weight: 500;
  padding: 0 54px 0 24px;
}

header .header-row .header-search .search-open,
.mobil-menu-container .header-search .search-open {
  position: absolute;
  top: 50%;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0px, -50%);
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: rgba(187, 187, 187, 0.05);
}

header .header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  background: #fff;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.04));
  border-radius: 100px;
  padding: 8px 13px;
  margin-bottom: -25px;
}

header .header-menu .product-menu {
  flex: 1;
  overflow: hidden;
}

header .header-menu .product-menu .swiper-button-next {
  right: 0;
}

header .header-menu .product-menu .swiper-button-next:after,
header .header-menu .product-menu .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  background: linear-gradient(to left, white, #ffffff00);
  z-index: -1;
  pointer-events: none;
}

header .header-menu .product-menu .swiper-button-next,
header .header-menu .product-menu .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header-menu .product-menu .swiper-button-prev svg {
  transform: rotate(-90deg);
}

header .header-menu .product-menu .swiper-button-next svg {
  transform: rotate(90deg);
}

header .header-menu .product-menu .swiper-button-prev:after {
  left: 0;
  transform: rotate(180deg);
}

header .header-row .header-search:focus-within {
  /* transition: 0.3s; */
  /* border-color: #F24F29; */
}

header .header-row .header-infos .menu-btn > span:nth-child(2) {
  width: 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

header .header-row .header-infos .menu-btn > span:nth-child(2) > span {
  display: block;
  height: 1px;
  background: #f24f29;
}

header .header-row .header-infos .info-item svg path {
  stroke: #000;
}

header .header-row .header-infos .header-lang {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

header .my-account .info-item > span:nth-child(1) {
  font-size: 12px;
  margin-right: 6px;
}


header .header-row .header-infos .header-lang > ul {
  position: absolute;
  top: 100%;
  right: -10px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.04);
  display: grid;
  z-index: 1;
  gap: 8px;
  padding: 24px;
  grid-template-columns: repeat(2, 1fr);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}

header .header-row .header-infos .header-lang > ul li a {
  width: 80px;
  display: block;
  height: 32px;
  border-radius: 100px;
  background: rgba(21, 21, 21, 0.02);
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header-row .header-infos .header-lang > ul li a.active {
  background: #f24f29;
  border-color: #c63d1d;
  color: #fff !important;
}

header .header-row .header-infos .header-lang > span {
  font-weight: 500;
  font-size: 12px;
  color: #151515;
}

header .header-row .header-infos .info-item > svg {
  width: auto;
  height: 20px;
}

header .header-row .header-infos > .menu-btn {
  margin-left: 0;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.header-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.16);
  padding: 32px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .4s;
}

header .header-row .header-infos .menu-btn .header-dropdown {
  width: 260px;
}

.header-dropdown > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.header-dropdown > ul li {
}

.header-dropdown > ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #151515;
  line-height: 1;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.header-dropdown > ul li a svg {
    transition: .3s;
}

.header-dropdown > ul li a.active svg {
  transform: rotate(45deg);
}

.header-dropdown > ul li a.active svg * {
  stroke: #ff9430 !important;
}

.header-dropdown > ul li a.active {
  color: #ff9430 !important;
}

.header-dropdown > ul > li > ul {
  margin-top: 10px;
  display: none;
}

.header-dropdown > ul > li > ul > li:before {
  margin-right: 8px;
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #000;
  opacity: 0.5;
}

.header-dropdown > ul > li > ul > li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.header-dropdown > ul li a.active {
  color: #f24f29;
}

header .header-row .header-infos .default-btn:not(.menu-btn) {
  margin-left: 15px;
}


header .header-menu ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
  gap: 15px;
}

header .header-menu .default-menu li + li {
}

header .header-menu .default-menu a {
  font-weight: 500;
  font-size: 13px;
  color: #ff9430;
  display: block;
  transition: 0.3s;
  padding: 0 10px;
}

header .header-menu .default-menu a > span {
  color: #263543;
}

header {
  padding: 0 65px;
  position: relative;
  z-index: 97;
}

header.inner-header {
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f24f29;
  padding-bottom: 0;
}

header.inner-header .header-row .header-infos .mobile-search svg * {
  stroke: #fff;
}

header.inner-header .header-row .header-infos .header-lang svg path {
  stroke: #fff;
}

header.inner-header .my-account .info-item > span:nth-child(1) {
  color: #fff;
}

header .header-top {
}

header .header-top ul {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-end;
  margin-bottom: 0;
}

header .header-top ul li {
}

header .header-top ul li a {
  font-weight: 500;
  font-size: 12px;
  color: #808080;
  display: block;
  padding: 16px 0;
}

.default-btn {
  font-weight: 500;
  font-size: 12px;
  color: #fff4f2;
  border-radius: 100px;
  background: #f24f29;
  border: 1px solid #c63d1d;
  padding: 6px 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.order .orders-container form .order-detail-container .order-detail .order-fee .order-table .custom-usr-container .custom-usr-order-btn {
    font-size: 18px;
}


.default-btn.default-btn-green {
  background: #15c4ad;
  border-color: #139b89;
}

.default-btn-outline {
  background: none !important;
  color: #f24f29;
}



header .header-menu .product-menu li a {
  font-weight: 500;
  font-size: 13px;
  color: #808080;
  display: block;
  position: relative;
  padding: 6px 14px;
}
header .header-menu .product-menu li a::after {
  content: "";
  width: 0;
  height: 1px;
  background: #f24f29;
  display: flex;
  position: absolute;
  bottom: 2px;
  transition: 0.3s;
}

header .header-menu .product-menu li:first-child a::after {
  display: none;
}


header .header-menu .product-menu li:first-child a {
  background: #f24f29;
  border: 1px solid #c63d1d;
  border-radius: 100px;
  color: #fff;
}


header .header-menu .product-menu ul {
  margin-bottom: 0;
  gap: 0px;
}

header .header-menu .product-menu ul .swiper-slide {
  width: auto;
}

header .header-menu .product-menu .swiper-button-next.swiper-button-disabled,
header .header-menu .product-menu .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

header.inner-header .header-menu,
header.inner-header .header-category {
  display: none;
}

header.inner-header .header-top {
  display: none;
}

header.inner-header .header-row {
  flex: 1;
}

header.inner-header .header-row .header-infos .info-item > svg path {
  stroke: #fff;
}

header.inner-header .header-row .header-infos .default-btn {
  background: #ffe7e2;
  border-color: #ffe7e2;
  color: #ff9430;
}

header.inner-header .header-row .header-infos .default-btn-outline {
  color: #fff4f2;
}

header.inner-header
  .header-row
  .header-infos
  .menu-btn
  > span:nth-child(2)
  > span {
  background: #fff4f2;
}

header.inner-header .header-row .header-infos .header-lang > span {
  color: #fff;
}

header.inner-header .header-row .header-search input,
.mobil-menu-container .header-search input {
  background: transparent;
  color: #fff;
}

header.inner-header .header-row .header-search input::placeholder {
  color: #fff;
}

header.inner-header .header-row .header-search input::-ms-input-placeholder {
  color: #fff;
}

header.inner-header .header-row .header-search .search-open svg * {
  stroke: #fff;
}

header .header-menu .product-menu li a.red {
  color: #eb4132;
}

header .header-menu .product-menu li a.green {
  color: #f24f29;
}

@media screen and (max-width: 1470px) {
  header .header-row .header-search input,
  .mobil-menu-container .header-search input {
    width: 380px;
  }
}

@media screen and (max-width: 1360px) {
  header {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1199px) {
  header .header-logo img {
    height: auto;
    width: 150px;
  }

header .header-menu .product-menu .swiper {
    padding-right: 100px;
}
  
  header.inner-header .my-account .info-item > span:nth-child(1) {
    display: none;
  }

  header.inner-header .my-account .info-item > svg * {
    fill: #fff;
    stroke: none !important;
  }

  header .header-row .header-infos .default-btn:not(.menu-btn) {
    margin-left: 0;
  }
}

/* Homepage Hero */
.homepage-hero {
  background: rgba(255, 148, 48, 0.12);
  padding-top: 60px;
  margin-bottom: 50px;
}

.homepage-hero .hero-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
}

.homepage-hero .hero-header .slide-btn {
  width: 56px;
  height: 56px;
  background: transparent;
  border: 1px solid #707070;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-hero .hero-header .slide-btn svg {
}

.homepage-hero .hero-header .slide-btn svg g {
}

.homepage-hero .hero-header .slide-btn svg g line {
}

.homepage-hero .hero-header .slide-btn svg g path {
}

.homepage-hero .hero-header .hero-tab-menu {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.homepage-hero .hero-header .hero-tab-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 0;
  flex: 1;
}

.homepage-hero .hero-header .hero-tab-menu ul li {
}

.homepage-hero .hero-header .hero-tab-menu ul li a {
  font-weight: 300;
  font-size: 15px;
  color: #000;
  border: 1px solid #fff0;
  border-radius: 100px;
  padding: 8px 24px;
  display: inline-block;
}

.homepage-hero .hero-header .hero-tab-menu ul li a.active {
  border-color: #ff9430;
}

.homepage-hero .hero-body {
  position: relative;
  top: 30px;
}

.homepage-hero .hero-header .hero-tab-menu:before,
.homepage-hero .hero-header .hero-tab-menu:after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background: #000000;
  opacity: 0.1;
  margin: 0 55px;
}

.homepage-hero .hero-body .hero-tab-content {}

.homepage-hero .hero-body .hero-tab-content .tab-item {
}

.homepage-hero .hero-body .hero-tab-content .tab-item .swiper {
  padding: 0 50px;
}

.homepage-hero .hero-body .hero-tab-content .tab-item .swiper .swiper-wrapper {
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide:before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 255px;

  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);

  border-radius: 0 0 16px 16px;
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;

  border-radius: 16px;
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide
  .slide-content {
  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 32px;
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide
  .slide-content
  span {
  font-size: 16px;

  color: #fff;

  display: block;

  margin-bottom: 8px;
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide
  .slide-content
  .content-title {
  font-weight: 500;

  font-size: 32px;

  color: #fff;
}

.homepage-hero
  .hero-body
  .hero-tab-content
  .tab-item
  .swiper
  .swiper-wrapper
  .swiper-slide
  .default-btn {
  margin-top: 40px;
  font-size: 16px;
  padding: 12px 30px;
}

@media screen and (max-width: 1199px) {
  .homepage-hero
    .hero-body
    .hero-tab-content
    .tab-item
    .swiper
    .swiper-wrapper
    .swiper-slide
    .slide-content
    .content-title {
    font-size: 24px;
  }

  .homepage-hero
    .hero-body
    .hero-tab-content
    .tab-item
    .swiper
    .swiper-wrapper
    .swiper-slide
    .default-btn {
    margin-top: 10px;
    font-size: 15px;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 991px) {
  .homepage-hero .hero-header {
    padding: 0 30px;
  }

  .homepage-hero .hero-header .hero-tab-menu {
  }

  .homepage-hero {
    padding-top: 30px;
  }

  .homepage-hero
    .hero-body
    .hero-tab-content
    .tab-item
    .swiper
    .swiper-wrapper
    .swiper-slide
    .slide-content
    .content-title {
    font-size: 20px;
  }

  .homepage-hero .hero-header .hero-tab-menu:before, .homepage-hero .hero-header .hero-tab-menu:after {
    flex: none;
    width: 40px;
    margin: 0 20px;
}
}

@media screen and (max-width: 767px) {
  .homepage-hero .hero-header .slide-btn {
    width: 40px;
    height: 40px;
}

.homepage-hero .hero-header {
    padding: 0 12px;
}

.homepage-hero .hero-header .hero-tab-menu:before, .homepage-hero .hero-header .hero-tab-menu:after {
    display: none;
}

.homepage-hero .hero-header .hero-tab-menu ul {
    justify-content: flex-start;
    overflow-y: hidden;
    overflow-x: auto;
    /* margin-bottom: -16px; */
    padding: 0 20px;
    gap: 10px;
}

.homepage-hero .hero-body .hero-tab-content .tab-item .swiper .swiper-wrapper .swiper-slide img {
    height: 300px;
    object-fit: cover;
}
}

/* Categories */
.categories-section {
  padding: 25px 0;
}

.categories-section .s-container > span {
  font-weight: 500;
  font-size: 24px;
  color: #151515;
  display: block;
  margin-bottom: 25px;
}

.categories-section .categories-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 0 auto;
  border-radius: 16px;
  background: rgba(185, 185, 185, 0.08);
  padding: 20px 0;
}

.categories-section .categories-list .categorie-item {
  display: block;
  text-align: center;
  padding: 1vw;
}

.categories-section .categories-list .categorie-item img {
  border-radius: 100%;
  width: 146px;
  height: 146px;
  box-shadow: inset 0 0 8px rgb(0 0 0 / 8%);
  background: #fff;
  object-fit: cover;
}

.categories-section .categories-list .categorie-item span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #151515;
  text-align: center;
  margin-top: 25px;
  line-height: 1;
}

.categories-section .categories-list .categorie-item .item-count {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #808080;
  line-height: 1;
  margin-top: 12px;
}

/* Product Slide */
.product-item {
  position: relative;
  border-radius: 16px;
  background: rgba(21, 21, 21, 0.02);
  padding: 32px 32px 24px;
}

.product-item .item-basket {
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  padding: 6px 10px;
  background: #f24f29;
  border: 1px solid #c63d1d;
  border-radius: 8px;
  color: #fff;
  margin-top: 12px;
}

.product-item.no-stock .item-basket {
  opacity: 0.5;
  cursor: not-allowed;
}

.product-item .item-content .item-badge {
  font-weight: 500;
  font-size: 12px;
  color: #15c4ad;
  border: 1px solid #15c4ad;
  border-radius: 100px;
  line-height: 1;
  margin-bottom: 8px;
  padding: 5px 20px;
  display: inline-block;
}

.product-item.no-stock .item-content .item-badge {
  color: #f24f29;
  border-color: #f24f29;
}

.product-item.no-stock .item-content .item-price {
  opacity: 0.4;
}

.product-item > a {
}

.product-item .item-img {
  position: relative;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  /* height: 252px; */
}

.product-item .item-img .item-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 9;
}

.product-item .item-img .item-fav {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid rgba(86, 171, 118, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.product-item .item-img .item-tag .tag-success {
  background: #f24f29;
}

.item-tag > span {
  font-weight: bold;
  font-size: 16px;
  color: #fff4f2;
  display: inline-flex;
  border-radius: 100px;
  border: 1px solid;
  padding: 0 10px;
  min-width: 60px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.tag-primary {
  background: #f24f29;
  border-color: #c63d1d !important;
}

.tag-primarylight {
  background: #ff9430;
  border-color: #cc721e !important;
}

.product-item .item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 24px;
  margin-top: 12px;
  text-align: center;
}
.product-item.ıstaka .item-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.product-item .item-content .item-title {
  font-weight: 500;
  font-size: 19px;
  color: #151515;
  line-height: 1;
  display: block;
}

.product-item .item-content .item-category {
  font-weight: 500;
  font-size: 16px;
  color: #808080;
  line-height: 1;
  display: block;
  margin: 12px 0;
}

.product-item .item-content .item-price {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.product-item .item-content .item-price .discount {
  font-size: 17px;
  color: #f24f29;
  text-decoration: line-through;
}

.product-item .item-content .item-price .price {
  font-weight: 500;
  font-size: 19px;
  color: #151515;
}

.product-item .add-basket {
  margin: 16px 7px 7px;
  border-radius: 10px;
  background: #263543;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  /* pointer-events: none; */
  transition: 0.3s;
}

.product-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-item.product-item-lg .item-img .item-tag {
  left: 10px;
  top: 10px;
}

.product-item.product-item-lg .item-img .item-fav {
  top: 10px;
  right: 10px;
}

.product-item.product-item-lg .item-content {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 32px 29px;
  margin-top: 0;
  margin-bottom: 31px;
}

.product-item.product-item-lg .add-basket {
  position: absolute;
  bottom: 18px;
  right: 10px;
  width: 197px;
  background: #f24f29;
}

.product-item.product-item-lg .item-content .item-category {
  margin-top: 10px;
  margin-bottom: 0;
}

.slide-section {
  padding: 25px 0;
}

.slide-section .swiper {
  width: 100%;
}

.slide-section .slide-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(185, 185, 185, 0.1);
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 40px;
}

.slide-section .slide-header .slide-title {
  font-weight: bold;
  font-size: 32px;
  color: #263543;
}

.slide-section .slide-header .slide-header-left {
  display: flex;
  align-items: center;
  gap: 40px;
}

.slide-section .slide-header a {
  font-size: 16px;
  border-radius: 100px;
  background: #000;
  border: 1px solid #a8a8a8;
  padding: 7px 25px;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
}

.slide-section .slide-header .slide-header-right {
  display: flex;
  align-items: center;
  gap: 50px;
}

.slide-section .slide-header .slide-header-right > span {
  font-weight: 500;
  font-size: 16px;
  color: #151515;
  display: block;
  text-align: right;
}

.slide-section .slide-header .slide-btn-row {
  display: flex;
  gap: 16px;
}

.slide-section .slide-header .slide-btn-row .slide-btn {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #000000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-section .slide-header .slide-btn-row .slide-btn svg {
  margin-right: -4px;
}

.slide-section .slide-header .slide-btn-row .slide-btn.btn-prev svg {
  transform: rotate(180deg);
  margin-left: -4px;
  margin-right: 0;
}

.slide-section .slide-header.slide-header-orange .slide-title {
  color: #ff9430;
}

.slide-section .slide-header.slide-header-orange .slide-btn-row .slide-btn {
  background: #ff9430;
}

.slide-section .slide-header.slide-header-orange a {
  background: #ff9430;
  border-color: #b9691f;
}

.slide-section .slide-header.slide-header-orange {
  background: rgb(255, 148, 48, 0.08);
}

.slide-section .slide-header.slide-header-green .slide-title {
  color: #15c4ad;
}

.slide-section .slide-header.slide-header-green .slide-btn-row .slide-btn {
  background: #15c4ad;
}

.slide-section .slide-header.slide-header-green a {
  background: #15c4ad;
  border-color: #15c4ad;
}

.slide-section .slide-header.slide-header-green {
  background: rgba(21, 196, 173, 0.08);
}

.brand-section.categories-section .categories-list {
  display: block;
  padding: 30px 32px 60px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.brand-section.categories-section .categories-list .brand-item {
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.brand-section.slide-section .slide-header {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-orange {
  background: #f24f29 !important;
  border-color: #c63d1d !important;
}

@media screen and (max-width: 1199px) {
  .slide-section .slide-header .slide-title {
    font-size: 24px;
  }

  .slide-section .slide-header .slide-header-left {
    gap: 24px;
  }

  .slide-section .slide-header .slide-header-right {
    gap: 15px;
  }

  .slide-section .slide-header .slide-header-right > span {
    font-size: 14px;
  }
  .product-item .add-basket{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
}

@media screen and (max-width: 991px) {
  .slide-section .slide-header .slide-btn-row {
    gap: 8px;
  }

  .slide-section .slide-header .slide-btn-row .slide-btn {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .product-item {
    padding: 8px;
  }

  .product-item .item-img {
    height: 150px;
  }

  .product-item .item-content {
    padding: 0;
    margin-top: 8px;
  }

  .product-item .item-content .item-badge {
    font-size: 11px;
    font-weight: 400;
    padding: 4px 10px;
  }

  .product-item .item-content .item-title {
    font-size: 17px;
  }

  .product-item .item-content .item-category {
    font-size: 13px;
  }

  .item-tag > span {
    font-size: 12px;
    height: 20px;
    font-weight: 500;
    min-width: 45px;
  }

  .product-item .item-img .item-tag {
    top: 7px;
    left: 5px;
    right: 5px;
    gap: 3px;
  }
}

/* Footer */
footer {
  margin-top: 100px;
}

footer .footer-info {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04);
  gap: 15px;
  padding: 8px;
}

footer .footer-info .footer-logo {
  border-radius: 15px;

  background: #ebfffc;

  width: 260px;

  height: 130px;

  display: flex;

  align-items: center;

  justify-content: center;
}

footer .footer-info .footer-logo img {
}

footer .footer-info .footer-info-row {
  flex: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 15px;

  background: #15c4ad;
}

footer .footer-info .footer-info-row .footer-info-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
footer .footer-info .footer-info-row .footer-info-item + .footer-info-item {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid rgb(255 255 255 / 30%);
}

footer .footer-info .footer-info-row .footer-info-item img {
}

footer .footer-info .footer-info-row .footer-info-item .info-item-content {
}

footer
  .footer-info
  .footer-info-row
  .footer-info-item
  .info-item-content
  span:nth-child(1) {
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}

footer
  .footer-info
  .footer-info-row
  .footer-info-item
  .info-item-content
  span:nth-child(2),
footer .footer-info .footer-info-row .footer-info-item .info-item-content a {
  display: block;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  line-height: 1;
}

footer .footer-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

footer .footer-menu img {
  margin-top: -60px;
}

footer .footer-menu ul {
  margin: 0;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
  flex: 0.9;
}

footer .footer-menu ul li {
}

footer .footer-menu ul li a {
  font-weight: 300;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  line-height: 1;
}
footer .footer-menu ul li a:before {
  content: "";
  min-width: 7px;
  height: 7px;
  border-radius: 3px;
  background: #f24f29;
  margin-right: 9px;
}
footer .footer-menu .footer-form {
  width: 100%;
  max-width: 265px;
}

footer .footer-menu .footer-form form {
}

footer .footer-menu .footer-form form .footer-form-title {
  font-size: 20px;
  color: #000;
  line-height: 1;
}

footer .footer-menu .footer-form form .input-item {
  margin-top: 22px;
  position: relative;
}

footer .footer-menu .footer-form form .input-item input {
  width: 100%;
  font-size: 15px;
  color: rgb(0 0 0 / 50%);
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid rgb(112 112 112 / 20%);
  padding-bottom: 8px;
}

footer .footer-menu .footer-form form .input-item button {
  width: 20px;
  height: 20px;
  background: #f24f29;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 0;
  border: none;
  outline: none;
  position: absolute;
  top: 3px;
  right: 0;
}

footer .footer-menu .footer-form form .input-item button svg {
}

footer .footer-menu .footer-form form .input-item button svg g {
}

footer .footer-menu .footer-form form .input-item button svg g line {
}

footer .footer-menu .footer-form form .input-item button svg g path {
}

footer .footer-contact {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgb(112 112 112 / 20%);
  border-bottom: 1px solid rgb(112 112 112 / 20%);
  padding: 50px 0;
}

footer .footer-contact .footer-title {
  font-weight: 500;
  font-size: 30px;
  color: #000;
  margin: 0;
  max-width: 350px;
}

footer .footer-contact .footer-title span {
  color: #f24f29;
}

footer .footer-contact .footer-contact-item:last-child {
  border-left: 1px solid rgb(112 112 112 / 20%);
  padding-left: 55px;
  margin-left: -40px;
}

footer .footer-contact .footer-contact-item span {
  font-weight: 300;
  font-size: 15px;
  color: #f24f29;
  margin-bottom: 15px;
  display: block;
  text-transform: uppercase;
}

footer .footer-contact .footer-contact-item ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 10px;
}

footer .footer-contact .footer-contact-item ul li {
}
footer .footer-contact .footer-contact-item:nth-child(3) ul li a {
  padding: 0 12px;
}
footer .footer-contact .footer-contact-item ul li a {
  min-width: 35px;
  height: 35px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 20%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}

footer .footer-contact .footer-contact-item ul li a img {
}

footer .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 30px;
}

footer .footer-copyright p {
  font-size: 15px;
  color: #000;
}

footer .footer-copyright ul {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 45px;
}

footer .footer-copyright ul li {
}

footer .footer-copyright ul li a {
  font-weight: 300;
  font-size: 15px;
  color: #000;
}

footer .footer-copyright .biltek {
}

footer .footer-copyright .biltek a {
}

footer .footer-copyright .biltek a img {
}

@media screen and (max-width: 1360px) {
  footer .footer-info .footer-info-row .footer-info-item img {
    height: 25px;
  }

  footer .footer-info .footer-info-row .footer-info-item + .footer-info-item {
    padding-left: 20px;
    margin-left: 20px;
  }

  footer
    .footer-info
    .footer-info-row
    .footer-info-item
    .info-item-content
    span:nth-child(2),
  footer .footer-info .footer-info-row .footer-info-item .info-item-content a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1199px) {
  footer .footer-menu img {
    display: none;
  }

  footer .footer-menu {
    padding: 60px 0;
  }

  footer .footer-contact {
    flex-wrap: wrap;
  }

  footer .footer-contact .footer-title {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  footer .footer-contact .footer-title span {
    display: block;
  }

  footer .footer-contact .footer-contact-item:last-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }

  footer .footer-info .footer-logo {
    width: 190px;
    padding: 0 20px;
  }

  footer .footer-info .footer-info-row .footer-info-item img {
  }

  footer .footer-info .footer-info-row .footer-info-item + .footer-info-item {
    gap: 10px;
    padding-left: 10px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 991px) {
  footer .footer-copyright ul {
    gap: 15px;
  }

  footer .footer-info .footer-logo {
    display: none;
  }

  footer .footer-info .footer-info-row {
    padding: 30px 0;
  }
}

@media screen and (max-width: 767px) {
  footer {
    margin-top: 50px;
  }

  footer .footer-info .footer-info-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 15px 0;
    gap: 15px 0px;
  }

  footer .footer-info .footer-info-row .footer-info-item + .footer-info-item {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }

  footer .footer-menu {
    display: block;
    padding: 50px 0;
  }

  footer .footer-menu ul li a {
    line-height: 1.6;
  }

  footer .footer-menu .footer-form {
    max-width: 100%;
    margin-top: 50px;
  }

  footer .footer-contact {
    border-top: none;
    padding-top: 0;
    gap: 40px;
    justify-content: center;
    text-align: center;
  }

  footer .footer-info .footer-info-row .footer-info-item {
    display: block;
    text-align: center;
  }

  footer .footer-info .footer-info-row .footer-info-item img {
    margin-bottom: 10px;
  }

  footer .footer-info {
  }

  footer .footer-contact .footer-title {
    font-size: 24px;
    margin-bottom: 0;
  }

  footer .footer-copyright {
    display: block;
    text-align: center;
    padding: 20px 0;
  }

  footer .footer-copyright ul li a {
    font-size: 15px;
  }

  footer .footer-copyright ul {
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
  }

  footer .footer-copyright p {
    font-size: 14px;
  }
}

/* Banka Hesaplari */
.breadcrumb-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(185 185 185 / 10%);
  padding: 32px 80px;
}

.breadcrumb-wrapper .breadcrumb ul {
  display: flex;
  gap: 35px;
  align-items: center;
  height: 100%;
  margin: 0;
}

.breadcrumb-wrapper .breadcrumb ul li {
  list-style-type: none;
}

.breadcrumb-wrapper .breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-wrapper .breadcrumb-wrapper-header {
  font-size: 32px;
}

.bank-account-wrapper {
  margin-top: 63px;
  padding: 0 85px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.bank-account-wrapper .bank-account {
  background: #fafafa;
  padding: 32px;
  border-radius: 16px;
}

/*----------------------------- Sing In ----------------------*/
.header-singin {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.header-singup {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.header-singup .header-singup-bg {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.header-singup .header-singup-container {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.5s;
}

.header-singin .header-singin-bg,
.header-singup .header-singup-bg {
  flex: 3;
  background: linear-gradient(73deg, rgba(21, 21, 21, 0) 0, #15151545 100%);
}

.header-singin .header-singin-container,
.header-singup .header-singup-container {
  padding: 66px 36px 48px;
  background: #fff;
  width: 26vw;
}

.header-singin .header-singin-container span.singin-title,
.header-singup .header-singup-container span.singup-title {
  font-size: 12px;
  font-weight: bold;
  color: #263543;
  margin-bottom: 19px;
  display: flex;
}

.header-singin .header-singin-container p,
.header-singup .header-singup-container p {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 32px;
}

p {
  margin: 0;
}
.input-content input,
.input-content textarea {
  padding: 16px 19px;
  width: 100%;
  display: flex;
  height: 42px;
  font-size: 16px;
  color: #808080;
  border: 1px solid #ededed;
  box-shadow: inset 0 0 8px rgb(0 0 0 / 8%) !important;
  border-radius: 4px;
  transition: 0.3s;
  border-radius: 30px;
  outline: none;
}

.input-content {
  margin-bottom: 16px;
}

.input-content input::placeholder,
.input-content textarea::placeholder {
  color: #ededed;
  font-size: 12px;
}

input,
textarea {
  outline: none;
}

.input-content input:focus,
.input-content textarea:focus {
  border-color: #f24f29;
  transition: 0.3s;
}
.header-singin .header-singin-container .input-bottom,
.header-singup .header-singup-container .input-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forget-password a {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #263543;
  position: relative;
}

.forget-password a::after {
  content: "";
  width: 0;
  height: 1px;
  background: #f24f29;
  display: flex;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
}


.checkbox {
  position: relative;
}

.checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.checkbox label {
  font-weight: 500;
  font-size: 12px;
  color: #b9b9b9;
  padding-left: 17px;
  margin: 00;
  cursor: pointer;
}

.checkbox label::before {
  content: "";
  width: 12px;
  height: 12px;
  padding: 2px;
  border: 1px solid #b9b9b9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.checkbox label::after {
  content: "";
  width: 8px;
  height: 8px;
  padding: 2px;
  background: #b9b9b9;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: 0.3s;
}
.checkbox input:checked ~ label:after {
  transition: 0.3s;
  transform: translateY(-50%) scale(1);
}
.singin-buttons,
.singup-buttons {
  padding: 32px 0;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 32px;
}

.singin-buttons button.singin,
.singup-buttons button.singup {
  background: #151515;
  border: none;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  padding: 14px 50px;
  border-radius: 8px;
  border: 1px solid #151515;
  transition: 0.5s;
}


.singin-buttons span,
.singup-buttons span {
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
  text-align: center;
  color: #b9b9b9;
}

ul {
  list-style: none;
  padding: 0;
}

.singin-buttons ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}

.singin-buttons ul > li {
  width: 100%;
}

.singin-buttons ul li a {
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  padding: 11px 70px;
  width: 100%;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.singin-buttons ul li:nth-child(1) a {
  border: 1px solid #3a5ed3;

  color: #3a5ed3;
  transition: 0.3s;
}


.singin-buttons ul li:nth-child(2) a {
  border: 1px solid #d4653a;
  color: #d4653a;
  transition: 0.3s;
}



.singin-buttons ul li:nth-child(3) a {
  border: 1px solid #263543;
  color: #263543;
  transition: 0.3s;
}


button.create-account {
  border-radius: 4px;
  background: rgba(86, 171, 118, 0.16);
  padding: 15px 73px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #f24f29;
  cursor: pointer;
  transition: 0.3s;
  border: none;
}
span.create-account {
  border-radius: 4px;
  background: rgba(86, 171, 118, 0.16);
  padding: 15px 73px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #f24f29;
  cursor: pointer;
  transition: 0.3s;
}


.header-singin.active {
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
}
.header-singup.active {
  transition: 0.5s;
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.header-singup.active {
  opacity: 1;
  visibility: visible;
}
.header-singup.active .header-singup-bg {
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
}
.header-singup.active .header-singup-container {
  transition: 0.5s;
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.header-singup .header-singup-container {
  padding: 170px 36px 48px;
}
.header-singup .header-singup-container .kvkk {
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 16px;
  color: #b9b9b9;
}

.header-singup .header-singup-container .kvkk a {
  text-decoration: underline;
  font-size: 16px;
  color: #b9b9b9;
  transition: 0.5s;
}


@media screen and (max-width: 1536px) {
  .header-singin .header-singin-container,
  .header-singup .header-singup-container {
    padding: 35px 38px;
  }
  .singin-buttons,
  .singup-buttons {
    padding: 16px 0;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1360px) {
  .header-singin .header-singin-container,
  .header-singup .header-singup-container {
    padding: 20px 36px;
  }
  .header-singin .header-singin-container p,
  .header-singup .header-singup-container p {
    margin-bottom: 16px;
  }
}
/*---------------- My account -----------------*/

.my-account {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: -20px;
}

.account-container {
  position: absolute;
  padding: 20px 24px;
  width: 200px;
  border-radius: 16px;
  z-index: 999;
  background: #fff;
  right: -20px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.04);
}
.account-container.active {
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
}
.account-container span.acunt-title {
  font-size: 22px;
  color: #f24f29;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  display: block;
}

.account-container span.acunt-title::after {
}

.account-container ul {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-direction: column;
}

.account-container ul li a {
  font-size: 16px;
  border-radius: 10px;
  color: #151515;
  font-weight: 500;
  display: flex;
  padding: 5px 0;
}

.account-container ul li a:hover {
}
.my-account:hover .account-container {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/*----------------- Header Category ------------------*/
.header-category .category-content {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: space-between;
  background: #fafafa;
  padding: 20px 4%;
}

.header-category .category-content .category-list {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 48px;
}

.header-category .category-content .category-list > li > a {
  font-weight: bold;
  font-size: 14px;
  color: #263543;
  margin-bottom: 20px;
  display: flex;
  transition: 0.5s;
}

.header-category .category-content .category-list > li .sub-category li a {
  font-weight: 500;
  font-size: 12px;
  color: #808080;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: 0.3s;
}



.header-category
  .category-content
  .category-list
  > li
  .sub-category
  li
  a::before {
  content: "";
  width: 10px;
  height: 1px;
  background: #707070;
  display: flex;
}
.header-category .category-content .category-img {
  width: 290px;
  height: 141px;
  overflow: hidden;
  border-radius: 8px;
}

.header-category .category-content .category-img span.category-name {
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}

.header-category .category-content .category-img .categor-bg-content {
  display: flex;
  justify-content: end;
  flex-direction: column;
  padding-left: 16px;
  transition: 0.5s;
  width: 100%;
  height: 100%;
}

.header-category .category-content .category-img span.product-name {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin-bottom: 16px;
}


.header-category {
  position: absolute;
  top: 180px;
  left: 65px;
  width: 700px;
  z-index: 11;
  transition: 0.3s;
  display: flex;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 400px;
}
.header-category > ul {
  flex: 0 0 50%;
  padding: 32px;
}

.header-category .header-category-tab {
  flex: 0 0 50%;
  position: relative;
  overflow: hidden;
}

.header-category .header-category-tab .tab-item > span {
  position: absolute;
  font-weight: 600;
  font-size: 64px;
  color: transparent;
  -webkit-text-stroke: 1px #ff9430;
  white-space: nowrap;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  bottom: 60px;
  left: 30px;
}

.header-category .header-category-tab .tab-item {
  position: relative;
  margin-right: -90px;
  margin-bottom: -70px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.header-category .header-category-tab .tab-item + .tab-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.header-category.active .header-category-tab .tab-item.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.header-category .header-category-tab .tab-item img {
  margin-right: 0px;
}
.category-bg {
  background: rgba(21, 21, 21, 0.71);
  width: 100%;
  height: 100%;
}

.header-category.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
/*-------------- SEARCH -------------------*/
.search {
  position: absolute;
  width: 100%;
  background: #fff;
  box-shadow: 0px 13px 20px #00000017;
  z-index: 99;
  top: 55px;
  height: 500px;
  left: 0;
  right: 0;
  border-radius: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.search-container .search-top {
  display: flex;
  justify-content: space-between;
  position: sticky;
  z-index: 13;
  top: 0;
  padding: 45px 50px 54px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(30px);
  display: none;
}

.search-container {
  /* overflow: scroll; */
}

.search-container .search-top span.big-title {
  font-weight: 600;
  font-size: 32px;
  color: #151515;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  .item-basket {
  display: none;
}

.search-container .search-bottom .search-bottom-product .product-item > a {
  display: flex;
  align-items: center;
  width: 100%;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-img
  img {
  height: auto;
  width: 70px;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-img {
  height: auto;
  overflow: initial;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-content {
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  text-align: left;
  padding-right: 0px;
  margin-top: 0;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  + .product-item {
  border-top: 1px solid #00000014;
  padding-top: 10px;
  margin-top: 10px;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-img
  .item-tag {
  top: 0px;
  position: relative;
  left: 0;
  gap: 4px;
  display: none;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-img
  .item-tag
  > span {
  font-size: 12px;
  padding: 0;
  min-width: 40px;
  height: 20px;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-content
  .item-price {
  flex-direction: column;
  gap: 0px;
  line-height: 1.3;
  align-items: flex-end;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-content
  .item-badge {
  display: none;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-content
  .item-title {
  font-size: 17px;
}

.search-container
  .search-bottom
  .search-bottom-product
  .product-item
  > a
  .item-content
  .item-category {
  font-size: 14px;
  margin-top: 8px;
}

.search-container .search-top .search-title {
  display: flex;
  align-items: center;
  gap: 42px;
  flex: 1;
  overflow: hidden;
}

.search-container .search-top .search-title span.search-name {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.search-container .search-top button.search-close-btn {
  /* Note: currently only Safari supports backdrop-filter */

  /* (plus shape's fill blended on top as a separate layer with 62% opacity) */
  padding: 0px 22px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  color: #fff;
  transition: 0.3s;
  height: 50px;
  background: #f24f29;
  border: 1px solid #c63d1d;
}

.search-container .search-bottom {
  /* height: 67vh; */
}
.search-container .search-bottom .search-bottom-product {
  padding: 20px 20px;
}


.search-container .search-top button.search-close-btn svg * {
  transition: 0.3s;
  stroke: #fff;
}


.search-container .search-bottom .search-page-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  bottom: -1px;
  padding: 20px 10px;
  background: #fff;
}

.search-container .search-bottom .search-page-btn a {
  padding: 10px 30px;
  font-size: 16px;
}

.search-container .search-bottom .search-page-btn a:hover {
}
.search.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
/*------------------ Main Home ---------------*/

.product-item > a .product-img-content {
  position: relative;
}

.product-item > a .product-img-content img:nth-child(2) {
  position: absolute;
  z-index: 5;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  left: 0;
}

.product-item .basket-green {
  transition: 0.3s;
  background: #f24f29;
}





/*-------------- Favorite Full -----------------*/

.inner-page .account-container {
  position: unset;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  min-width: 240px;
  z-index: 96;
}

section.favorite,
section.order,
section.adress-page {
  padding: 35px 50px;
  background: #fafafa;
}

section.favorite .favorite-container {
  display: flex;
  gap: 50px;
  align-items: start;
  overflow: hidden;
}
section.favorite .favorite-full .favorite-top .product-title {
  font-weight: 600;
  font-size: 32px;
  color: #151515;
  margin: 0;
  flex: 0.9;
}

section.favorite .favorite-full .favorite-top .product-title span {
  font-size: 15px;

  font-weight: 400;
}

section.favorite .favorite-full .favorite-top {
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

#product-loader {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  font-size: 16px;
  gap: 10px;
  margin-top: 50px;
}

#product-loader .spinner-border {
  border-width: 2px;
}

section.favorite .favorite-full {
  width: 100%;
}

section.favorite .favorite-full .favorite-top .big-title {
  font-weight: bold;
  font-size: 32px;
  color: #151515;
}

section.favorite .favorite-full .favorite-top span.number-of-favorite {
  font-weight: bold;
  font-size: 14px;
  color: #263543;
}

section.favorite .favorite-full .favorite-top .favorite-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

section.favorite .favorite-full .favorite-top .favorite-filter span {
  font-weight: 500;
  font-size: 13px;
  color: #808080;
}

section.favorite .favorite-full .favorite-top .favorite-filter div {
  border-radius: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
}
section.favorite .favorite-full .favorite-top .favorite-filter .nice-select {
  width: 190px;
}
section.favorite .favorite-full .favorite-top .favorite-filter span.current {
  font-weight: 500;
  font-size: 14px;
  color: #151515;
}

.nice-select .list {
  width: 100%;
  z-index: 11;
}
section.favorite .favorite-full .favorite-bottom {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 25px 16px;
}

.account-page .account-sidebar-backdrop {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 75%);
    z-index: 98;
    display: none;
}

.inner-page .account-container {
  position: sticky;
}
.inner-page .account-container .close--icon {
  display: none;
}
.inner-page .account-container .close-icon {
  display: none;
}
.account-container ul li a.active {
  color: #f24f28;
}

section.favorite .favorite-full .favorite-top .open-account {
    display: none;
}

@media screen and (max-width: 1199px) {
  section.favorite .favorite-full .favorite-bottom {
  }

  section.favorite .favorite-full .favorite-top {
    flex-wrap: wrap;
    gap: 23px;
    padding: 0;
  }

  section.favorite .favorite-full .favorite-top .favorite-filter {
    justify-content: end;
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  section.favorite .favorite-full .favorite-top .open-account {
    display: block;
}
  section.favorite .favorite-container {
    gap: 0;
}
  
  .inner-page .account-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(-100%);
    transition: 0.3s;
    border-radius: 0px;
  }

  .inner-page .account-container.active {
    transform: translateX(0);
  }
}
@media screen and (max-width: 767px) {
  section.favorite .favorite-full .favorite-bottom {
  }

  section.favorite {
    /* padding: 35px 24px; */
  }

  section.favorite .favorite-full .favorite-top .favorite-filter .filter-title {
    display: none;
  }

  section.favorite .favorite-full .favorite-top .favorite-filter {
    width: 100%;
  }

  section.favorite .favorite-full .favorite-top span.number-of-favorite {
    width: 50%;
    display: flex;
  }
}
/*-------------- Favorite Empty -----------------*/
.favorite-empty-container,
.orders-container {
  display: flex;
  gap: 41px;
  align-items: center;
}

.favorite-empty-container .favorite-empty-right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}


.orders-container form {
    flex: 1;
}
.favorite-empty-container .favorite-empty-right .favori-empty {
  border-radius: 16px;
  background: #fff;
  padding: 29px 48px;
  width: 306px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 30px;
}

.favorite-empty-container .favorite-empty-right .favori-empty span.tite {
  font-weight: 500;
  font-size: 21px;
  color: #151515;
}

.favorite-empty-container .favorite-empty-right .favori-empty a {
  border-radius: 10px;
  background: #263543;
  padding: 12px 48px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  transition: 0.3s;
}



/*-------------- Basket Empty ----------------*/
.sepet-container {
  height: 510px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafafa;
}

.sepet-container .sepet-empty {
  border-radius: 16px;
  background: #fff;
  padding: 28px 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}

.sepet-container .sepet-empty span.title {
  font-weight: 500;
  font-size: 21px;
  color: #151515;
  width: 66%;
  text-align: center;
}

.sepet-container .sepet-empty a {
  border-radius: 10px;
  background: #f24f28;
  padding: 12px 48px;
  color: #fff;
  transition: 0.3s;
}


/*----------------------------Home Page Responsive --------------------------*/
@media screen and (max-width: 1350px) {
  .categories-section .categories-list .categorie-item img {
    width: 10vw;
    min-width: 10vw;
    height: 10vw;
    margin: 0 auto;
  }

  .categories-section .categories-list {
    gap: 0px;
  }
}

@media screen and (max-width: 1199px) {
  header {
    padding: 0 30px 20px;
  }
  header .header-row .header-search {
    flex: 0.9;
  }

  header .header-row .header-search input {
    width: 100%;
  }
  header .header-menu .product-menu li a {
    font-size: 11px;
    padding: 5px;
  }
  header .header-menu .product-menu ul {
    gap: 14px;
  }

  .header-category .category-content .category-list {
    gap: 17px;
  }

  .header-category .category-content {
    gap: 10px;
    padding: 20px;
  }

  .hero-banner {
    padding: 0 30px 40px;
  }

  .slide-section .swiper {
  }

  .categories-section {
  }

  .categories-section .categories-list .categorie-item span {
    font-size: 15px;
  }

  .categories-section .categories-list {
    max-width: 100%;
  }
  .header-singin .header-singin-container,
  .header-singup .header-singup-container {
    width: 35vw;
  }

  header .header-menu ul {
    gap: 4px;
  }

  header .header-menu .product-menu li:first-child a {
    padding: 5px 12px;
  }

  header .header-menu .default-menu a {
    font-size: 11px;
  }
}
@media screen and (max-width: 991px) {
  header {
    height: 101px;
}
  .slide-section .slide-header {
    padding: 20px 15px;
    margin-bottom: 20px;
  }

  .slide-section .slide-header .slide-header-left {
    gap: 20px;
  }

  .slide-section .slide-header .slide-header-right {
    gap: 20px;
  }
  .categories-section .categories-list {
    grid-template-columns: repeat(3, 1fr);
  }

  header .header-row .header-infos .mobile-search,
  header .header-row .header-infos .mobile-menu-btn {
    display: block;
    margin-left: -10px;
  }

  header .header-row .header-infos .mobile-search svg:nth-child(2) {
    transform: rotate(45deg);
    width: 20px;
    height: auto;
    display: none;
  }

  header.mobile-search-active
    .header-row
    .header-infos
    .mobile-search
    svg:nth-child(2) {
    display: block;
  }

  header.mobile-search-active
    .header-row
    .header-infos
    .mobile-search
    svg:nth-child(1) {
    display: none;
  }

  header .header-row .header-search {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0px;
    right: 60px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  header.mobile-search-active .header-row .header-search {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  header .header-row .header-search input,
  .mobil-menu-container .header-search input {
    width: 100%;
    box-shadow: none;
    font-size: 20px;
    padding-left: 0;
  }

  header.mobile-search-active .header-row .header-search .search-open,
  header.mobile-search-active .header-row .header-infos .mobile-menu-btn,
  header.mobile-search-active .header-row .header-infos .info-item {
    display: none;
  }

  header.mobile-search-active .header-logo {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  header .header-row .header-infos .header-lang,
  header .header-row .header-infos > .menu-btn {
    display: none;
  }

  .header-category,
  header .header-menu,
  header .header-row .header-infos .is-singin,
  header .header-row .header-infos .info-item-fav,
  header .header-row .header-infos .default-btn:not(.menu-btn) {
    display: none;
  }

  header.inner-header .my-account .info-item > span:nth-child(1) {
    display: block;
  }

  header.inner-header .my-account .info-item > svg * {
    fill: none;
  }

  header .header-row .header-infos {
    gap: 24px;
  }

  .header-mobile.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .header-mobile .headers-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .header-mobile .headers-menu .info-item {
    position: relative;
  }
  .header-mobile .headers-menu .info-item svg {
    width: 30px;
    height: 30px;
  }
  .header-mobile .headers-menu .info-item span {
    position: absolute;
    background: #f24f29;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    top: -5px;
    right: -11px;
  }
  .header-mobile .mobile-menu {
    padding: 120px 32px 150px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }

  .header-mobile .mobil-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-mobile .mobile-menu .mobil-menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    flex: 1;
  }

  .header-mobile .mobile-menu .mobil-menu-container > div {
    height: 55px;
    width: 100%;
  }

  .header-mobile .mobile-menu .mobil-menu-container input {
    padding: 0 24px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header-mobile .mobile-menu .mobil-menu-container .category-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    border-radius: 5px;
    background: #f1f1f1;
  }

  .header-mobile .mobile-menu .mobil-menu-container form {
    height: 100%;
  }

  .header-mobile .mobile-menu .mobil-menu-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .header-mobile .mobile-menu .mobil-menu-row {
    display: flex;
    align-items: center;
    gap: 50px;
  }

  .header-mobile .mobile-menu .mobil-menu-links a {
    position: relative;
    color: var(--ana-renkler-koyu-gri, #737373);
    font-size: 18px;
    display: block;
    text-align: right;
  }

  .header-mobile .mobile-menu .sing-in .info-item span {
    color: var(--ana-renkler-koyu-gri, #737373);
    text-align: center;
    font-family: Figtree;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .header-mobile .mobile-menu .mobil-menu-links a svg {
    width: 30px;
    height: 30px;
  }

  .header-mobile .mobile-menu .mobil-menu-links .is-singin .info-item {
    color: var(--ana-renkler-koyu-gri, #737373);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
  }
  .header-mobile .mobile-menu .mobil-menu-links .is-singin .info-item svg {
    width: 30px;
    height: 30px;
  }
  .header-mobile .mobile-menu .mobil-menu-links .is-singin .info-item a {
    display: block;
    text-align: right;
  }
  .header-mobile .mobile-menu .institutional span {
    color: rgba(0, 0, 0, 0.2);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    margin-top: 40px;
  }
  .header-mobile .mobile-menu .mobil-menu-links a span:nth-child(3) {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 11px;
    background: #5c5c5c;
    color: #fff;
    border-radius: 1005%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-mobile .mobile-menu .institutional span::after {
    content: "";
    flex: 0.9;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
  }
  .header-mobile .mobile-menu .institutional .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 45px 0;
    margin-bottom: 55px;
  }

  .header-mobile .mobile-menu .institutional .links a.default-btn {
    width: auto;
    color: #fff;
  }

  .header-mobile .mobile-menu .institutional .links a.default-btn:before {
    display: none;
  }

  .header-mobile .mobile-menu .institutional .links a {
    width: 50%;
    color: #000;
    font-size: 21px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .header-mobile .mobile-menu .institutional .links a::before {
    content: "";
    width: 20px;
    height: 1px;
    background: #000;
    display: flex;
  }

  .header-mobile .mobile-menu .suport-line {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .header-mobile .mobile-menu .suport-line span {
    margin-bottom: 46px;
    color: rgba(0, 0, 0, 0.2);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .header-mobile .mobile-menu .suport-line span::before {
    content: "";
    width: 30%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
  }
  .header-mobile .mobile-menu .suport-line span::after {
    content: "";
    width: 30%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
  }
  .header-mobile .mobile-menu .suport-line a:first-child {
    color: #f24f29;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
  }
  .header-mobile .mobile-menu .suport-line a.mobile-phonenumber {
    color: #f24f29;
    text-align: center;
    font-size: 58px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .header-mobile .mobile-menu .suport-line a {
    color: rgba(0, 0, 0, 0.5);
    font-size: 21px;
    font-weight: 300;
  }
}
@media screen and (max-width: 767px) {
  .hero-banner {
    padding: 0 20px 29px;
  }

  header.inner-header .my-account .info-item > svg * {
    fill: white;
    stroke: none !important;
  }
  .slide-section .slide-header {
    padding: 20px 20px 0px;
    flex-direction: column;
    gap: 28px;
    position: relative;
    margin-bottom: 40px;
  }
  .header-mobile .mobile-menu .mobil-menu-container {
    flex-direction: column;
    gap: 40px;
  }

  .slide-section .slide-header .slide-header-right > span {
    display: none;
  }

  .slide-section .slide-header a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) scale(0.8);
  }
.brand-section.categories-section .categories-list {
    padding-bottom: 30px;
}
  .header-mobile .mobile-menu .mobil-menu-links {
    padding: 50px 0;
  }

  .header-mobile .mobile-menu .mobil-menu-container > div {
    width: 100%;
  }
  .header-mobile .mobile-menu .institutional .links {
    margin-bottom: 31px;
    gap: 20px 0;
  }
  .header-mobile .mobile-menu {
    padding: 60px 25px;
  }

  .header-mobile .mobile-menu .institutional span {
    font-size: 24px;
  }

  .header-mobile .mobile-menu .institutional span::after {
    width: 40%;
  }

  .header-mobile .mobile-menu .institutional .links a {
    font-size: 17px;
    gap: 8px;
  }

  .header-mobile .mobile-menu .suport-line span {
    font-size: 24px;
  }

  .header-mobile .mobile-menu .suport-line span::before {
    width: 25%;
  }

  .header-mobile .mobile-menu .suport-line span::after {
    width: 25%;
  }

  .header-mobile .mobile-menu .suport-line a.mobile-phonenumber {
    font-size: 32px;
  }

  .header-mobile .mobile-menu .suport-line a {
    font-size: 15px;
  }
  .header-mobile .mobile-menu .mobil-menu-links {
    padding: 35px 0;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
  }

  .header-mobile .mobile-menu .mobil-menu-container > div {
    width: 100%;
  }

  .header-mobile .mobile-menu {
    padding: 80px 20px;
  }

  .header-mobile .mobile-menu .institutional span {
    font-size: 24px;
    margin-top: 0px;
  }

  .header-mobile .mobile-menu .institutional span::after {
    width: 40%;
  }

  .header-mobile .mobile-menu .institutional .links a {
    font-size: 16px;
    gap: 8px;
  }

  .header-mobile .mobile-menu .suport-line span {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .header-mobile .mobile-menu .suport-line span::before {
    width: 25%;
  }

  .header-mobile .mobile-menu .mobil-menu-row {
    display: block;
    margin-top: 30px;
  }

  .header-mobile .mobile-menu .suport-line {
    margin-top: 40px;
  }

  .header-mobile .mobile-menu .suport-line span::after {
    width: 25%;
  }

  .header-mobile .mobile-menu .suport-line a.mobile-phonenumber {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .header-mobile .mobile-menu .suport-line a {
    font-size: 15px;
  }
  .account-container {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0px);
    top: 35px;
  }
  .header-mobile .mobile-menu .mobil-menu-links a {
    font-size: 15px;
  }

  .header-mobile .mobile-menu .mobil-menu-links .is-singin .info-item {
    font-size: 15px;
  }
  .slide-section .slide-header .slide-title {
    font-size: 20px;
  }

  .categories-section .categories-list {
    grid-template-columns: repeat(2, 1fr);
}

.categories-section .categories-list .categorie-item img {
    width: 25vw;
    height: 25vw;
    min-width: 25vw;
}

.categories-section .categories-list .categorie-item span {
    margin-top: 12px;
}
  .slide-section .slide-header .slide-header-left {
    gap: 10px;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
  }
  .slide-section .slide-header .slide-header-right {
    gap: 0;
    width: 100%;
    justify-content: space-between;
  }
  .categories-section {
    padding: 40px 0px;
  }
  .categories-section > span {
    margin-bottom: 25px;
  }
  .categories-section .categories-list .categorie-item {
    padding: 18px;
  }
  .product-item.product-item-lg .item-content {
    flex-direction: column;
  }

  .product-item .item-img img {
  }
  .hero-banner img {
    height: 250px;
    object-fit: cover;
  }

  header.inner-header .my-account .info-item > span:nth-child(1) {
    display: none;
  }

  header {
    padding: 0 18px 20px;
  }

  header.inner-header {
    height: 101px;
  }

  header .header-logo img {
  }

  header .header-row .header-search {
    left: 0px;
    right: 40px;
  }

  .search-container
    .search-bottom
    .search-bottom-product
    .product-item
    > a
    .item-img
    img {
    width: 40px;
  }

  .search-container
    .search-bottom
    .search-bottom-product
    .product-item
    > a
    .item-content {
    padding-left: 10px;
  }

  .product-item .item-content .item-price .price {
    font-size: 15px;
  }

  .product-item .item-content .item-price .discount {
    font-size: 12px;
  }

  .search-container .search-bottom .search-page-btn {
    padding: 10px;
  }

  .search-container .search-bottom .search-page-btn a {
    font-size: 13px;
    padding: 10px 20px;
  }
}
/*----------------- DOLU SEPET -------------------*/
.sepet-dolu-container {
  padding: 29px 50px;
  background: #fafafa;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.sepet-dolu-container .sepet-view {
  flex: 3;
  width: 100%;
  padding: 51px 48px 42px;
  background: #fff;
  border-radius: 16px;
}

.sepet-dolu-container .sepet-view span.title {
  font-weight: bold;
  font-size: 29px;
  color: #263543;
  margin-bottom: 16px;
  display: flex;
}
.border-under::after {
  content: "";
  position: absolute;
  width: 24%;
  background: #f24f29;
  display: flex;
  height: 2px;
  bottom: -3%;
}

.border-under {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  position: relative;
}
.sepet-added > ul {
  padding-bottom: 32px;
  border-bottom: 1px solid #ededed;
  display: flex;
  flex-direction: column;
  margin: 57px 0;
  gap: 48px;
}
.sepet-added > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sepet-added > ul > li .sepet-product-left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}
.sepet-added > ul > li .sepet-product-left .product-number {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 24px;
  padding: 8px 18px;
  border-radius: 11px;
  background: #fff;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  height: 69px;
}
.product-number .minus,
.product-number .plus {
  cursor: pointer;
}
.sepet-added > ul > li .sepet-product-left .product-img {
  width: 94px;
  height: 94px;
  border-radius: 16px;
  overflow: hidden;
}
.sepet-added > ul > li .sepet-product-left .product-info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sepet-added > ul > li .sepet-product-left .product-info .item-tag span {
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
}
.sepet-added > ul > li .sepet-product-left .product-info .item-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  margin-right: 15px;
}
.sepet-added > ul > li .sepet-product-left .product-info .product-name .title {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
  margin: 0;
}

.sepet-added > ul > li .sepet-product-left .product-info .product-name ul {
  display: flex;
}

.sepet-added > ul > li .sepet-product-left .product-info .product-name ul li {
  font-weight: bold;
  font-size: 15px;
  line-height: 16px;
  color: #b9b9b9;
}

.sepet-added
  > ul
  > li
  .sepet-product-left
  .product-info
  .product-name
  ul
  li
  span {
  color: #808080;
}
.sepet-added > ul > li .right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.sepet-added > ul > li .right span.discount {
  font-weight: bold;
  font-size: 17px;
  color: #b9b9b9;
  text-decoration: line-through;
}

.sepet-added > ul > li .right span.price {
  font-weight: bold;
  font-size: 17px;
  color: #263543;
}
.sepet-dolu-container .sepet-view .sepet-added .sepet-button {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 21px;
}

.sepet-dolu-container .sepet-view .sepet-added .sepet-button > div {
  padding: 9px 30px;
  border-radius: 10px;
  font-size: 17px;
  cursor: pointer;
}
.sepet-dolu-container .sepet-view .sepet-added .sepet-button .discount-btn {
  background: #f24f28;
  color: #fff;
  transition: 0.3s;
}



.sepet-dolu-container .sepet-view .sepet-added .sepet-button .sepet-update {
  background: #263543;
  color: #fff;
  transition: 0.3s;
}


.sepet-dolu-container .sepet-payment {
  padding: 48px;
  background: #fff;
  height: 100%;
  border-radius: 16px;
  flex: 1;
  width: 100%;
  position: sticky;
  top: 10px;
}

.sepet-dolu-container .sepet-payment .title {
  font-weight: bold;
  font-size: 21px;
  color: #263543;
  margin-bottom: 8px;
  display: flex;
}
.sepet-dolu-container .sepet-payment ul > li {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sepet-dolu-container .sepet-payment ul > li span {
  font-size: 19px;
  color: #263543;
}
.sepet-dolu-container .sepet-payment ul > .danger > span {
  color: #d4653a;
}
.sepet-dolu-container .sepet-payment ul {
  border-bottom: 1px solid #ededed;
  padding: 11px 0;
}

.sepet-dolu-container .sepet-payment .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sepet-dolu-container .sepet-payment .total > span {
  font-size: 19px;
  color: #263543;
  margin-bottom: 42px;
}

.sepet-dolu-container .sepet-payment a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  border-radius: 10px;
  background: #f24f28;
  width: 100%;
  color: #fff;
  transition: 0.3s;
}


@media screen and (max-width: 1024px) {
  .sepet-dolu-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .sepet-dolu-container {
    padding: 29px 31px;
  }

  .sepet-added
    > ul
    > li
    .sepet-product-left
    .product-info
    .product-name
    .title {
    font-size: 15px;
  }

  .sepet-added > ul > li .right span.discount {
    font-size: 15px;
  }

  .sepet-added > ul > li .right span.price {
    font-size: 15px;
  }

  .sepet-dolu-container .sepet-view {
    padding: 51px 21px 42px;
  }

  .sepet-added > ul > li .sepet-product-left {
    gap: 15px;
  }
  .sepet-dolu-container .sepet-payment {
    padding: 48px 21px;
  }
}
@media screen and (max-width: 767px) {
  .sepet-dolu-container {
    padding: 29px 24px;
  }

  .sepet-added > ul > li {
    flex-direction: column;
    gap: 20px;
  }

  .sepet-added > ul > li .sepet-product-left {
    flex-wrap: wrap;
  }

  .sepet-added > ul > li .sepet-product-left .product-number {
    flex-direction: row;
    width: 50%;
    height: 40px;
    justify-content: space-between;
  }

  .sepet-added > ul > li .sepet-product-left .product-img {
    width: 100%;
    height: 100%;
  }
.sepet-added > ul > li .sepet-product-left .product-img img{
  width:100%;
  object-fit: cover;
}
  .sepet-added > ul > li .sepet-product-left .product-info {
    flex-direction: column;
    gap: 14px;
  }

  .sepet-added > ul > li .sepet-product-left .product-info .item-tag {
    flex-direction: revert;
  }

  .sepet-added > ul > li .sepet-product-left .product-info .product-name ul {
    justify-content: center;
    margin-top: 9px;
  }

  .sepet-added > ul > li .right {
    flex-direction: row-reverse;
  }

  .sepet-added > ul > li .right span.price {
    font-size: 20px;
  }

  .sepet-dolu-container .sepet-view .sepet-added .sepet-button {
    flex-direction: column;
  }

  .sepet-dolu-container .sepet-view .sepet-added .sepet-button > div {
    width: 100%;
    text-align: center;
  }
  .sepet-added > ul > li .sepet-product-left .delete-icon {
    width: 20%;
  }
}

/*-------------------------------------- Product Evaluation Popup ----------------------------*/
.product-evaluation-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(21, 21, 21, 0.3);
  z-index: 14;
  display: none;
}
.product-evaluation-popup .product-counter {
  background: #fff;
  padding: 48px;
  border-radius: 16px;
  position: relative;
}

.product-evaluation-popup .product-counter .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 51px;
  margin-bottom: 48px;
}

.product-evaluation-popup .product-counter .product-info .prodcut-img {
  width: 154px;
  height: 154px;
  border-radius: 16px;
  overflow: hidden;
}

.product-evaluation-popup
  .product-counter
  .product-info
  .product-context
  > span {
  font-weight: bold;
  font-size: 26px;
  text-align: left;
  color: #151515;
  width: 82%;
  display: flex;
  margin-bottom: 8px;
}

.product-evaluation-popup
  .product-counter
  .product-info
  .product-context
  .evaluation-number
  > span {
  font-size: 14px;
  color: #b9b9b9;
}

.product-evaluation-popup
  .product-counter
  .product-info
  .product-context
  .evaluation-number
  span.number {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #263543;
}

.product-evaluation-popup
  .product-counter
  .product-info
  .product-context
  .evaluation-number {
  display: flex;
  gap: 8px;
}
.product-evaluation-popup .product-counter .product-eval .title {
  display: flex;
  margin-bottom: 21px;
  font-weight: 600;
  font-family: Quicksand;
  font-size: 16px;
  color: #263543;
}

.product-evaluation-popup .product-counter .product-eval ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
  gap: 16px;
}
.product-evaluation-popup .product-counter .product-eval ul > li {
  flex: 1;
}

.product-evaluation-popup .product-counter .product-eval ul > li .star {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 11px;
  padding: 20px;
  border: 1px solid #ededed;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  cursor: pointer;
}

.product-evaluation-popup .product-counter .product-eval ul > li .star span {
  font-weight: 500;
  font-size: 12px;
  color: #263543;
}
.product-evaluation-popup .product-counter .product-eval ul > li .star svg * {
  fill: #ededed;
  stroke: #b9b9b9;
  transition: 0.3s;
}
.product-evaluation-popup
  .product-counter
  .product-eval
  ul
  > li
  .star.active
  svg
  * {
  transition: 0.3s;
  fill: #ff9430;
  stroke: #ff9430;
}
.product-evaluation-popup .product-counter .product-review .title {
  display: flex;
  margin-bottom: 21px;
  font-weight: 600;
  font-family: Quicksand;
  font-size: 16px;
  color: #263543;
}

.product-evaluation-popup .product-counter .product-review textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ededed;
  color: #263543;
  font-size: 15px;
  padding: 23px;
  resize: none;
  height: 100px;
  outline: none;
}
.product-evaluation-popup
  .product-counter
  .product-review
  textarea::placeholder {
  font-weight: 500;
  font-size: 15px;

  color: #e0e0e0;
}
.product-evaluation-popup .product-counter .evaluation-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  gap: 16px;
}

.product-evaluation-popup .product-counter .evaluation-btns > button {
  border-radius: 10px;
  width: 50%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  font-size: 18px;
  border: none;
  transition: 0.3s;
}

.product-evaluation-popup
  .product-counter
  .evaluation-btns
  > button.close-pupop {
  border-radius: 10px;
  background: #ededed;
  padding: 16px 0;
  font-weight: bold;
  font-size: 20px;
  color: #151515;
  transition: 0.3s;
}

.product-evaluation-popup .product-counter .evaluation-btns > button.submite {
  border-radius: 10px;
  background: #151515;
  padding: 16px 0;
  font-weight: bold;
  border: none;
  font-size: 18px;
  color: #ededed;
  transition: 0.3s;
}

.product-evaluation-approval {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 21, 21, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}

.product-evaluation-approval .product-evaluation-approval-container {
  background: #fff;
  padding: 48px;
  border-radius: 16px;
}
.product-evaluation-approval
  .product-evaluation-approval-container
  .popup-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-evaluation-approval
  .product-evaluation-approval-container
  .popup-close
  span {
  font-weight: 500;
  font-size: 14px;
  color: #b9b9b9;
}

.product-evaluation-approval
  .product-evaluation-approval-container
  .popup-close
  .close-all-popup {
  padding: 12px 37px;
  background: #263543;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  border-radius: 9px;
  width: 28%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}


.product-evaluation-approval .prodcut-img::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.04));
  background: rgba(86, 171, 118, 0.8);
  border: 1px solid #139b89;
}

.product-evaluation-approval .prodcut-img {
  position: relative;
}

.product-evaluation-approval .prodcut-img svg {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1360px) {
  .product-evaluation-popup .product-counter {
    padding: 30px;
  }

  .product-evaluation-popup .product-counter .product-info {
    margin-bottom: 30px;
  }

  .product-evaluation-popup .product-counter .product-eval ul {
    margin-bottom: 30px;
  }

  .product-evaluation-popup .product-counter .evaluation-btns {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .product-evaluation-popup .product-counter .product-info {
    flex-direction: column;
    gap: 20px;
  }

  .product-evaluation-popup .product-counter .product-eval ul {
    gap: 3px;
  }

  .product-evaluation-popup .product-counter .product-eval ul > li {
    width: 67px;
    height: 67px;
  }

  .product-evaluation-popup .product-counter .product-eval ul > li .star span {
    font-size: 10px;
  }

  .product-evaluation-popup .product-counter .product-eval ul > li .star {
    padding: 10px;
  }
  .product-evaluation-popup
    .product-counter
    .product-info
    .product-context
    > span {
    width: 100%;
    font-size: 20px;
  }

  .product-evaluation-popup
    .product-counter
    .product-info
    .product-context
    .evaluation-number {
    justify-content: center;
  }
  .product-evaluation-approval
    .product-evaluation-approval-container
    .popup-close {
    flex-direction: column;
    gap: 20px;
  }

  .product-evaluation-approval
    .product-evaluation-approval-container
    .popup-close
    span {
    font-size: 13px;
  }

  .product-evaluation-approval
    .product-evaluation-approval-container
    .popup-close
    .close-all-popup {
    width: 100%;
  }
}

/*-------------- Siparislerim ----------------*/
.orders-container,
.adress-page-container,
.account-page-container {
  align-items: start;
  gap: 41px;
  display: flex;
}

.orders-container .orders-list-container {
  padding: 40px 50px;
  background: #fff;
  width: 100%;
  border-radius: 16px;
}

.orders-container .orders-list-container .orders-list table {
  width: 100%;
}
.order-table-header {
  border-bottom: 1px solid #ededed;
}
.order-table-header > th {
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 18px;
  color: #b9b9b9;
}
.order-table-header > th:nth-last-child(1) {
  width: 0%;
}
.order-table-header th.table-header-icon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.orders-list tbody > tr > td {
  padding-top: 32px;
  font-weight: 600;
  font-size: 15px;
  color: #263543;
}
.orders-list tbody > tr > td:nth-last-child(1) {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.orders-list tbody > tr > td:nth-last-child(1) span {
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  background: #f24f28;
  border-radius: 5px;
}
.orders-list tbody > tr > td:nth-last-child(1) span svg {
  width: 17px;
  height: 17px;
}
@media screen and (max-width: 767px) {
  section.order {
    padding: 35px 24px;
  }

  .orders-container .orders-list-container {
    padding: 40px 10px;
  }

  .order-table-header > th {
    font-size: 12px;
  }

  .orders-list tbody > tr > td {
    font-size: 10px;
  }

  .orders-list tbody > tr > td:nth-last-child(1) span svg {
    height: 12px;
    width: 12px;
  }
}

/*--------- Address ---------*/
.adress-page-container .adress-right {
  width: 100%;
  background: #fff;
  padding: 48px;
  border-radius: 16px;
  box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.1);
}

.adres-list .adres-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.adres-list .adres-alert span {
  font-weight: 500;
  font-size: 15px;
  color: #b9b9b9;
}

.adres-list .add-adress {
  display: flex;
  justify-content: center;
  gap: 50px;
  padding-bottom: 27px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 27px;
  width: 100%;
}

.adres-list .edit-adress .register .register-adress-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.adres-list .add-adress .adress-context {
    width: 50%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.adres-list .add-adress .adress-context span {
    margin-bottom: 0;
}

.adres-list .adress-context {
  padding: 64px 47px;
  border: 1px solid #ededed;
  border-radius: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.adres-list .adress-context span {
  font-weight: bold;
  font-size: 18px;
  color: #263543;
  display: block;
}

.adres-list .adress-context a {
  padding: 8px 34px;
  border: 1px solid #ededed;
  border-radius: 23px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #b9b9b9;
  transition: 0.3s;
  background: #fff;
  display: inline-block;
  margin-bottom: .5rem;
}


.adres-list .edit-adress {
}

.adres-list .edit-adress .register {margin-bottom: 1rem;}

.adres-list .edit-adress .register .adress-context {
  /* width: 100%; */
  background: #fafafa;
}
.adres-list .edit-adress .register > span {
  font-size: 18px;
  color: #263543;
  margin-bottom: 24px;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .adres-list .add-adress {
    gap: 10px;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }

  .adres-list .edit-adress {
    flex-direction: column;
    align-items: start;
  }

  .adres-list .adress-context {
    width: 100%;
    padding: 48px;
  }

  .adres-list .edit-adress .register {
    width: 100%;
  }

  .adress-page-container .adress-right {
    max-width: 70%;
}
}
@media screen and (max-width: 991px) {
  .adres-list .add-adress {
    flex-direction: unset;
    gap: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .adress-page-container .adress-right {
    max-width: 100%;
}
  
}
@media screen and (max-width: 767px) {
  section.adress-page {
    padding: 35px 19px;
  }

  .adress-page-container .adress-right {
    padding: 21px;
  }

  .adres-list .adres-alert span {
    font-size: 12px;
  }
  .adres-list .add-adress {
    flex-direction: column;
}

  .adres-list .adress-context {
    padding: 48px 20px;
    width: 100%!important;
  }

  .adres-list .adress-context span {
    font-size: 15px;
  }

  .adres-list .adress-context a {
    font-size: 15px;
    padding: 8px 20px;
    margin-bottom: 0;
  }
}

/*--------------------- Adres Kayıt ------------------ */
.adress-right span.title {
  display: flex;
  font-weight: bold;
  font-size: 21px;
  color: #263543;
  margin: 0px 0 41px;
}

.adress-page-container .adress-right .form-group {
  display: flex;
  justify-content: space-between;
  /* gap: 62px; */
  margin: 0;
  width: 100%;
}

.adress-page-container .adress-right .form-group .input-content {
  width: 48%;
  margin: 0;
}
.adress-page-container .adress-right .form-group .input-content input {
  height: 58px;
  font-size: 17px;
}

.adress-page-container
  .adress-right
  .form-group
  .input-content
  input::placeholder,
.adress-page-container
  .adress-right
  .form-group
  .input-content
  textarea::placeholder {
  font-size: 17px;
}
.adress-page-container .adress-right .form-group .nice-select {
  width: 48%;
  height: 59px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  box-shadow: inset 0 0 8px rgb(0 0 0 / 8%) !important;
}

.adress-page .adress-page-container .adress-right .adres-list form .nice-select ul.list {
    max-height: 250px;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

.adress-page-container .adress-right .form-group .nice-select.open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.adress-page-container .adress-right form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}

.adress-page-container .adress-right .form-group .input-content textarea {
  width: 100%;
  font-size: 17px;
  display: flex;
  justify-content: center;
  height: 114px;
  resize: none;
}
.adress-page-container .adress-right .checkox-content {
  justify-content: start;
  gap: 24px;
}

.adress-page-container .adress-right .checkox-content .checkbox {
  width: unset;
}
.adress-page-container .adress-right .checkox-content .checkbox input {
  height: 100%;
}
.adress-page-container .adress-right .checkox-content .checkbox label {
  font-size: 17px;
  color: #000;
}

.adress-page-container .adress-right .checkox-content .checkbox label::before {
  border-radius: 100%;
  border: 1px solid #1f1f32;
}
.adress-page-container .adress-right .checkox-content .checkbox label::after {
  border-radius: 100%;
  background: #1f1f32;
}
.adres-list .save {
  padding: 10px 18px;
  width: auto;
  border: 1px solid #f24f28;
  color: #fff;
  background: #f24f28;
  border-radius: 20px;
  font-weight: 500;
  display: inline-block;
  font-size: 17px;
  border-radius: 12px;
  transition: 0.3s;
}


@media screen and (max-width: 767px) {
  .adress-page-container .adress-right .form-group {
    flex-direction: column;
    gap: 24px;
  }

  .adress-page-container .adress-right .form-group .input-content {
    width: 100%;
  }

  .adress-page-container .adress-right .form-group .nice-select {
    width: 100%;
  }
}

/*------------------ Sepet Detay ---------------------*/
.order-detail-container {
  width: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 48px;
}

.order-detail p {
  font-weight: 500;
  font-size: 18px;
  color: #b9b9b9;
  margin-bottom: 41px;
}

.order-detail p > span {
  color: #808080;
  font-weight: bold;
}

.order-fee .title {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
  margin-bottom: 28px;
  display: flex;
}

.order-fee .order-table .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #ededed;
}

.order-fee .order-table .header > span {
  font-weight: bold;
  font-size: 19px;
  color: #b9b9b9;
}

.order-fee .order-table .sepet-added > ul {
  margin: 25px 0;
}

.order-fee .order-table .sepet-added > ul > li {
  padding: 8px 0;
}

.order-fee .order-table .subtotal {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 25px;
}

.order-fee .order-table .subtotal > span {
  font-weight: bold;
  font-size: 17px;
  color: #263543;
}

.order-fee .order-table .payment {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 25px;
}

.order-fee .order-table .payment > span {
  font-weight: bold;
  font-size: 17px;
  color: #263543;
}

.order-fee .order-table .total {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;

  margin-bottom: 25px;
}

.order-fee .order-table .total > span {
  font-weight: bold;
  font-size: 23px;
  color: #263543;
}
.order-fee .order-adress {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.order-fee .order-adress .adress {
  width: 50%;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 37px 74px 47px;
  border-radius: 16px;
}
.order-fee .order-adress .adress .title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  width: 100%;
}

.order-fee .order-adress .adress .title a {
  color: #b9b9b9;
  border: 1px solid #ededed;
  padding: 7px 31px;
  border-radius: 23px;
  transition: 0.3s;
}

.order-fee .order-adress .adress > ul > li {
  font-weight: 500;
  font-size: 16px;
  color: #b9b9b9;
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-fee .order-adress .adress > ul > li::before {
  content: "";
  width: 8px;
  height: 1px;
  background: #b9b9b9;
  display: flex;
}


@media screen and (max-width: 1199px) {
  .order-detail p {
    font-size: 15px;
    text-align: center;
  }

  .order-fee .title {
    font-size: 18px;
  }

  .order-fee .order-table .header > span {
    font-size: 17px;
  }

  .product-body
    .sepet-added
    > ul
    > li
    .sepet-product-left
    .product-info
    .product-name
    .title {
    font-size: 18px;
  }

  .product-body .sepet-added > ul > li .sepet-product-left {
    gap: 20px;
  }

  .product-body .sepet-added > ul > li .right span.price {
    font-size: 15px;
  }

  .order-fee .order-table .subtotal > span {
    font-size: 15px;
  }

  .order-fee .order-table .payment > span {
    font-size: 15px;
  }

  .order-fee .order-table .total > span {
    font-size: 20px;
  }

  .order-fee .order-adress {
    flex-direction: column;
  }

  .order-fee .order-adress .adress {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .order-detail-container {
    padding: 48px 24px;
  }

  .order-detail p {
    font-size: 13px;
    text-align: center;
  }

  .order-fee .order-table .header {
    display: none;
  }

  .order-fee .order-adress .adress {
    padding: 37px 24px;
  }
}

/*-------------------- Hesap Detay ----------------------*/
.account-page-container .adres-list .add-adress {
  padding: 0;
  border: none;
  margin: 0;
}
.account-page-container .account-info {
  width: 100%;
  background: #fff;
  padding: 48px;
  border-radius: 16px;
}
.account-page-container .account-info span {
  font-size: 20px;
  color: #263543;
  font-weight: bold;
  margin-bottom: 29px;
  display: flex;
}

.account-page-container .account-info form .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.account-page-container .account-info form .form-group input {
  height: 60px;
  font-size: 18px;
  box-shadow: none !important;
}

.account-page-container .account-info form .form-group .input-content {
  width: 48%;
}

.account-page-container .account-info form .form-group input::placeholder {
  font-size: 18px;
}

.account-page-container .account-info form .form-group .input-content.checkbox {
  height: unset;
}

.account-page-container
  .account-info
  form
  .form-group
  .input-content.checkbox
  label {
  font-weight: 500;
  font-size: 18px;
  color: #263543;
}

.account-page-container
  .account-info
  form
  .form-group
  .input-content.checkbox
  label::after {
  border-radius: 100%;
  width: 13px;
  height: 13px;
  top: 50%;
  left: 1px;
  background: #263543;
}

.account-page-container
  .account-info
  form
  .form-group
  .input-content.checkbox
  label::before {
  border-radius: 100%;
  width: 15px;
  height: 15px;
  top: 50%;
  border: 1px solid #263543;
}
.account-page-container .account-info .save {
  border: 1px solid #f24f28;
  padding: 7px 18px;
  background: #f24f28;
  color: #fff;
  border-radius: 12px;
  font-size: 15px;
  transition: 0.3s;
}


.account-page-container .account-info form .form-group.password .input-content {
  width: 100%;
}
.account-page-container
  .account-info
  form
  .form-group
  .input-content.checkbox
  input {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .account-page-container .account-info {
    padding: 20px;
  }

  .account-page-container .account-info form .form-group {
    flex-direction: column;
    margin: 0;
  }

  .account-page-container .account-info form .form-group .input-content {
    width: 100%;
  }
  .account-page-container
    .account-info
    form
    .form-group
    .input-content.checkbox
    label {
    font-size: 14px;
  }
}
/*------------ Hediye Ceki ---------------*/
.gift-code-container {
  width: 100%;
  background: #fff;
  padding: 48px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
}

.gift-code-container .gift-code {
  width: 48%;
  padding: 22px 24px;
  border: 1px solid #ededed;
  border-radius: 16px;
}

.gift-code-container .gift-code .code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  align-items: center;
}

.gift-code-container .gift-code .code span {
  font-weight: bold;
  font-size: 17px;
  color: #263543;
  display: flex;
}

.gift-code-container .gift-code .code span.copy-code {
  padding: 8px 17px;
  border: 1px solid #ededed;
  border-radius: 16px;
  font-weight: bold;
  font-size: 13px;
  color: #b9b9b9;
  cursor: pointer;
  transition: 0.3s;
}


.gift-code-container .gift-code .code-title {
  width: 100%;
  display: flex;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #263543;
}

.gift-code-container .gift-code ul {
  margin-top: 10px;
}

.gift-code-container .gift-code .copy-code {
    color: #f24f28;
}

.gift-code-container .gift-code ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.gift-code-container .gift-code ul > li span {
  font-weight: bold;
  font-size: 16px;
  color: #263543;
}
.gift-code-container .gift-code ul > li span.alert {
  padding: 0;
  margin: 0;
  color: #d4653a;
}
@media screen and (max-width: 1199px) {
  .gift-code-container {
    flex-direction: column;
    gap: 30px;
  }

  .gift-code-container .gift-code {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gift-code-container {
    padding: 24px;
  }

  .gift-code-container .gift-code {
    padding: 16px;
  }
}

/*---------------------- Kargo --------------------*/
.cargo-list tbody > tr > td:nth-last-child(1) span {
  background: none;
  border-radius: 0;
}
.cargo-list tbody > tr > td .cargo-detail {
  display: flex;
  align-items: center;
  gap: 17px;
}

.cargo-list tbody > tr > td .cargo-detail .product-img {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  overflow: hidden;
}

.cargo-list tbody > tr > td:nth-last-child(1) {
  display: table-cell;
}
.cargo-list tbody > tr > td .cargo-detail .product-img {
  width: 35px;
  height: 35px;
  border-radius: 8px;
}
.cargo-list tbody > tr > td .cargo-detail {
  gap: 10px;
}
/*-------------------- Breadcrumb ------------------*/
.custom-breadcrumb {
  padding: 52px 85px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.custom-breadcrumb.bg-none:before {
  visibility: hidden;
}

.custom-breadcrumb.bg-green:before {
  background: rgb(21 196 173 / 8%);
}

.custom-breadcrumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 460px;
  background: rgba(255, 148, 48, 0.12);
  z-index: -1;
}

.custom-breadcrumb h3 {
  font-weight: bold;
  font-size: 24px;
  color: #151515;
  margin-bottom: 0;
}

.custom-breadcrumb span {
  font-weight: bold;
  font-size: 14px;
  color: #263543;
}
/*------------------- Product List ---------------------------*/
.account-container.product-filter-container {
  position: unset;
}
section.product-list {
  background: #fff;
  margin: 0 30px;
  border-radius: 24px;
  position: relative;
}
.product-filter-container {
  padding: 0;
  box-shadow: none;
}
.product-filter-container .product-filter ul {
  gap: 16px;
}

.product-filter-container .product-filter > ul {
  margin-bottom: 40px;
}
.product-filter-container .product-filter ul li {
  position: relative;
}

.product-filter-container .product-filter ul li input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}

.product-filter-container .product-filter ul li label {
  margin: 0;
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  color: #b9b9b9;
  transition: 0.3s;
}

.product-filter-container .product-filter ul li label::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: flex;
  border: 1px solid #263543;
  position: absolute;
  left: 0;
}

.product-filter-container .product-filter ul li label::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: flex;
  border: 1px solid #263543;
  position: absolute;
  left: 0;
}
.product-filter-container .product-filter ul li label::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 7px;
  display: flex;
  position: absolute;
  left: 6px;
  background: #000;
  top: 27%;
  transform: scale(0);
  transition: 0.3s;
}
.product-filter-container .product-filter ul li input:checked ~ label:after {
  transition: 0.3s;
  transform: scale(1);
}
.product-filter-container .product-filter ul li input:checked ~ label {
  transition: 0.3s;
  color: #263543;
}
.product-filter-container .product-filter.category ul li input:checked ~ label {
  color: #f24f29;
  text-decoration: underline;
}
li.hassub .checkbox-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hassub .sub-category {
  margin-top: 16px;
  padding-left: 24px;
  display: none;
}
.sub-category ul li .checkbox-content {
  display: flex;
  align-items: center;
}
.sub-category ul li .checkbox-content::before {
  position: absolute;
  content: "";
  left: -16px;
  width: 10px;
  height: 1px;
  display: flex;
  background: #b9b9b9;
  display: flex;
}
li.hassub .checkbox-content svg {
  stroke: #263543;
  stroke-width: 2px;
  transition: 0.3s;
}

li.hassub.active > .checkbox-content svg {
  transition: 0.3s;
  transform: rotate(180deg);
  stroke: #f24f29;
}
.breadcumb-top ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  position: relative;
  flex-wrap: wrap;
}

.breadcumb-top ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.breadcumb-top ul li,
.breadcumb-top ul li a {
  font-weight: 500;
  font-size: 13px;
  color: #000;
  transition: 0.3s;
}

.breadcumb-top ul li.active a {
  padding: 8px 16px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04);
}



section.favorite .favorite-full .favorite-top .favorite-filter .filter-btn {
  display: none;
}
.account-container.product-filter-container .close-btn {
  display: none;
}
@media screen and (max-width: 1199px) {
  section.product-list .favorite-full .favorite-top {
    flex-wrap: nowrap;
  }

  section.product-list .favorite-full .favorite-top > div {
    width: 100%;
  }
  section.product-list .favorite-full .favorite-bottom {
  }
  section.product-list
    .favorite-full
    .favorite-top
    .favorite-filter
    .filter-select
    .filter-title {
    display: none;
  }

  .custom-breadcrumb {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 991px) {
  .account-container.product-filter-container {
    position: fixed;
    max-height: 100vh;
    overflow-y: scroll;
    z-index: 999;
    padding: 20px 20px 100px;
    width: 100%;
  }

  .account-container.product-filter-container .close-btn {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .custom-breadcrumb {
    padding: 32px 30px;
  }
  section.favorite .favorite-full .favorite-top .favorite-filter .filter-btn {
    display: flex;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 21px;
    justify-content: center;
  }
  section.favorite,
  section.order,
  section.adress-page {
    padding: 32px;
  }
  section.product-list .favorite-full .favorite-top .favorite-filter {
    justify-content: end;
  }

  .custom-breadcrumb h3 {
    font-size: 23px;
  }
}
.account-container.product-filter-container.active {
  transition: 0.3s;
  transform: translate(0);
}
@media screen and (max-width: 767px) {
  .custom-breadcrumb {
    flex-direction: column;
    padding: 32px 12px;
    gap: 15px;
  }
.breadcumb-top ul {
    justify-content: center;
}
  section.favorite,
  section.order,
  section.adress-page {
    padding: 24px 12px;
  }

  section.favorite .favorite-full .favorite-top .product-title {
    font-size: 28px;
    text-align: center;
    flex: 1;
  }

  section.favorite .favorite-full .favorite-top .product-title span {
    display: block;
    margin-top: 10px;
  }

  #product-loader {
    margin-top: 20px;
  }
  .product-list-page-2 .product-item .item-img img {
    object-fit: contain;
  }

  section.product-list .favorite-full .favorite-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  section.product-list .favorite-full .favorite-top > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  section.favorite .favorite-full .favorite-top .favorite-filter .filter-btn {
  }

  section.product-list .favorite-full .favorite-top .favorite-filter {
    justify-content: center;
    width: 100%;
  }
  section.product-list .favorite-full .favorite-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  .custom-breadcrumb h3 {
    text-align: center;
  }
}
section.product-list-page-2 .favorite-full .favorite-bottom {
  grid-template-columns: repeat(2, 1fr);
}

.product-list-page-2 .product-item .item-img {
  height: auto;
  padding: 20px;
  overflow: initial;
}

.product-list-page-2 .product-item .item-img .item-tag {
  bottom: 0;
  right: 20px;
  top: auto;
  left: auto;
  transform: translate(0px, 50%);
}

.product-list-page-2 .product-item .item-content .item-price {
  flex-direction: column-reverse;
  gap: 0px;
  text-align: right;
}

.product-list-page-2 .product-item .item-content {
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
  padding: 0;
  /* align-items: flex-end; */
  margin-top: 24px;
}

.product-list-page-2 .product-item .item-content .item-category {
  font-size: 14px;
  margin-top: 8px;
}

.product-list-page-2 .product-item .item-content .item-badge {
  position: absolute;
  top: -10px;
  left: 32px;
}

/*--------------------- Product Detail --------------------*/
.product-detail-container {
  background: #fff;
  border-radius: 24px;
  padding: 32px;
  margin: 0 -32px;
}

.product-detail-container .large-img {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 24px;
  background: #fff;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.04));
  margin-bottom: 40px;
}
.product-detail-container .product-add-basket {
  display: flex;
  gap: 100px;
}

.product-detail-container .product-add-basket > div {
}
.product-detail-container .product-add-basket > div .product-info {
  width: 100%;
}
.product-detail-container .product-img .img-content {
  background: rgb(21 21 21 / 2%);
  border-radius: 16px;
  width: 621px;
  height: 621px;
  padding: 32px;
  overflow: hidden;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.04));
}

.product-detail-container .product-img .img-content img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 16px;
}
.product-detail-container .product-add-basket .product-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 621px;
  margin-bottom: 44px;
  overflow: hidden;
}
.produc-list-detail .product-info h3 {
  font-weight: bold;
  font-size: 32px;
  color: #151515;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.produc-list-detail {
  display: flex;
  flex: 1;
}

.produc-list-detail .product-info .stars ul {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.produc-list-detail .product-info .price {
  display: flex;
  flex-direction: column-reverse;
}

.produc-list-detail .product-info .price .current {
  font-weight: 500;
  font-size: 42px;
  color: #151515;
}

.produc-list-detail .product-info .price .discount {
  font-weight: 500;
  font-size: 32px;
  color: #f24f29;
  text-decoration: line-through;
  display: block;
  line-height: 1;
}
.produc-list-detail .product-info form .color-inputs,
.produc-list-detail .product-info form .size-inputs,
.produc-list-detail .product-info form .img-inputs {
  margin-top: 32px;
}

.produc-list-detail .product-info form {
  width: 72%;
}

.produc-list-detail .product-info form .color-inputs span,
.produc-list-detail .product-info form .size-inputs span,
.produc-list-detail .product-info form .img-inputs span {
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin-bottom: 12px;
  display: flex;
}

.produc-list-detail .product-info form .color-inputs .input-select,
.produc-list-detail .product-info form .size-inputs .input-select,
.produc-list-detail .product-info form .img-inputs .input-select {
  display: flex;
  gap: 11px;
}
.produc-list-detail .product-info form .color-inputs .input-select .group,
.produc-list-detail .product-info form .size-inputs .input-select .group,
.produc-list-detail .product-info form .img-inputs .input-select .group {
  position: relative;
}
.produc-list-detail
  .product-info
  form
  .color-inputs
  .input-select
  .group.active
  a {
  transform: scale(1.1);
}
.produc-list-detail .product-info form .color-inputs .input-select .group input,
.produc-list-detail .product-info form .size-inputs .input-select .group input,
.produc-list-detail .product-info form .img-inputs .input-select .group input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}

.produc-list-detail .product-info form .color-inputs .input-select .group a,
.produc-list-detail .product-info form .size-inputs .input-select .group label {
  width: 32px;
  height: 32px;
  display: flex;
  border-radius: 100%;
  margin: 0;
}

.produc-list-detail
  .product-info
  form
  .color-inputs
  .input-select
  .group
  a::after {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.produc-list-detail
  .product-info
  form
  .color-inputs
  .input-select
  .group
  input:checked
  ~ a:after {
  transition: 0.3s;
  transform: scale(0.8);
}
.color-green {
  border: 1px solid #f24f29;
}
.color-green::after {
  background: #f24f29;
}
.color-danger {
  border: 1px solid #d4653a;
}
.color-danger::after {
  background: #d4653a;
}
.color-yellow {
  border: 1px solid #ebcc00;
}
.color-yellow::after {
  background: #ebcc00;
}
.color-info {
  border: 1px solid #3a5ed3;
}
.color-info::after {
  background: #3a5ed3;
}
.color-black {
  border: 1px solid #263543;
}
.color-black::after {
  background: #263543;
}
.produc-list-detail .product-info form .size-inputs .input-select .group label {
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 100%;
  background: #ffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #b9b9b9;
  transition: 0.3s;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.06));
}

.produc-list-detail
  .product-info
  form
  .size-inputs
  .input-select
  .group
  input:checked
  ~ label {
  transition: 0.3s;
  color: #263543;
}
.produc-list-detail .product-info form .basket-add {
  display: flex;
  gap: 28px;
  margin: 40px 0;
}

.produc-list-detail .product-info form .basket-add a {
  font-size: 16px;
  gap: 12px;
  padding: 10px 30px;
}


.basket-add .product-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 126px;
  padding: 8px 18px;
  border-radius: 16px;
  background: #fff;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
  height: 44px;
}

.basket-add .product-number > span {
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #151515;
}
.produc-list-detail .product-info .items {
  display: flex;
  gap: 39px;
}

.produc-list-detail .product-info .items .item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  cursor: pointer;
}

.produc-list-detail .product-info .items .item span {
  font-weight: bold;
  font-size: 13px;
  color: #263543;
}
.produc-list-detail .product-info form .img-inputs .input-select .group label {
  margin-bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background: rgba(21, 21, 21, 0.05);
}
.produc-list-detail
  .product-info
  form
  .img-inputs
  .input-select
  .group
  label
  img {
  transition: 0.3s;
  width: 100%;
  object-fit: cover;
}
.produc-list-detail
  .product-info
  form
  .img-inputs
  .input-select
  .group
  input:checked
  ~ label
  img {
  transition: 0.3s;
  transform: scale(0.8);
}
.produc-list-detail .product-featurs {
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}
.produc-list-detail .product-featurs > span {
}
.product-detail-container .product-add-basket > div .product-info .item-badge {
  font-weight: 500;
  font-size: 12px;
  color: #15c4ad;
  border: 1px solid #15c4ad;
  border-radius: 100px;
  display: inline-block;
  padding: 2px 14px;
  margin-bottom: 12px;
}

.product-img .img-pagination {
  margin-top: 12px;
  height: 80px;
}
.img-pagination .swiper {
  height: 100%;
  width: 613px;
}
.img-pagination .swiper .swiper-slide {
  width: 80px;
  height: 80px;
  padding: 5px;
  background: rgb(21 21 21 / 2%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  cursor: pointer;
}
.img-pagination .swiper img {
  height: 100%;
  border-radius: 16px;
}
.product-detail-container .product-img .img-content .swiper {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.product-feature {
  /* margin-top: 92px; */
}

.product-feature .feature-top {
  padding-left: 20px;
  padding-bottom: 32px;
}

.product-feature .feature-top ul {
  display: flex;
  align-items: center;
  gap: 32px;
}

.product-feature .feature-top ul li span {
  font-weight: 600;
  font-size: 16px;
  color: #b9b9b9;
  transition: 0.3s;
  cursor: pointer;
}

.product-feature .feature-top ul li span.active {
  transition: 0.3s;
  color: #f24f29;
}
.product-feature .feature-bottom {
}

.product-feature .feature-bottom .feature-content .explanation h3 {
  font-weight: bold;
  font-size: 42px;
  color: #151515;
  padding-bottom: 48px;
}
.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-banner
  img {
  width: 100%;
  border-radius: 16px;
}
.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-banner {
  margin-bottom: 80px;
}
.product-feature .feature-bottom .feature-content .explanation p {
  font-weight: 500;
  font-size: 16px;
  color: #808080;
  padding: 0px 40px;
}

.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-bottom {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
}

.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-bottom
  .left
  h3 {
  width: 58%;
}

.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-bottom
  .left
  p {
  width: 65%;
  padding: 0;
}
.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-bottom
  .right
  img {
  width: 100%;
  border-radius: 16px;
}
.product-feature
  .feature-bottom
  .feature-content
  .explanation
  .explanation-bottom
  .right {
  width: 100%;
}
.product-feature .feature-bottom .feature-content {
  position: relative;
}

.product-feature .feature-bottom .feature-content .explanation {
  position: absolute;
  opacity: 0;
  background: rgb(21 21 21 / 2%);
  visibility: hidden;
  transition: 0.3s;
  border-radius: 16px;
  padding: 58px 48px;
}

.product-feature .feature-bottom .feature-content .explanation.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
.inner-feature {
  position: absolute;
  width: 100%;
  padding: 58px 48px;
  border-radius: 16px;
  background: rgba(21, 21, 21, 0.02);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.inner-feature ul > li {
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(112, 112, 122, 0.2);
  margin-bottom: 21px;
  display: flex;
  gap: 24px;
}

.inner-feature ul > li > span {
  font-weight: 500;
  font-size: 19px;
  color: #151515;
}
.inner-feature.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
.evaluation.feature-item {
  position: absolute;
  background: rgba(21, 21, 21, 0.02);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  width: 100%;
  padding: 58px 48px;
  border-radius: 16px;
}

.evaluation.feature-item.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
.evaluation.feature-item .top {
  display: flex;
  gap: 100px;
}

.evaluation.feature-item .top .left .img-container {
  display: flex;
  gap: 46px;
  align-items: center;
  margin-bottom: 55px;
}

.evaluation.feature-item .top .left .img-container img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 16px;
  display: flex;
}

.evaluation.feature-item
  .top
  .left
  .img-container
  .product-evaluation
  > span:nth-child(1) {
  font-weight: bold;
  font-size: 40px;
  color: #151515;
  line-height: 1;
}
.evaluation.feature-item
  .top
  .left
  .img-container
  .product-evaluation
  .starts
  li
  svg {
  height: auto;
  width: 24px;
}

.evaluation.feature-item .top .left .img-container .product-evaluation .starts {
  display: flex;
  margin: 15px 0px;
  gap: 4px;
}

.evaluation.feature-item
  .top
  .left
  .img-container
  .product-evaluation
  .make-evaluation {
}



.evaluation.feature-item .top .left > span {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: #b9b9b9;
  gap: 12px;
}

.evaluation.feature-item .top .left {
  width: 46%;
}

.evaluation.feature-item .top .right {
  width: 44%;
}
.evaluation.feature-item .top .right .title {
  font-weight: bold;
  font-size: 18px;
  color: #263543;
  width: 100%;
  display: flex;
  margin-bottom: 32px;
}
.evaluation.feature-item .top .right ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.evaluation.feature-item .top .right ul li .point {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
}

.evaluation.feature-item .top .right ul li .point .point-bar {
  width: 100%;
  background: #ededed;
  height: 8px;
  border-radius: 16px;
  position: relative;
}

.evaluation.feature-item .top .right ul li .point > span {
  font-weight: 600;
  font-size: 18px;
  color: #263543;
}

.evaluation.feature-item .top .right ul li .point .point-bar::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ff9430;
  border-radius: 16px;
}
.evaluation.feature-item
  .top
  .right
  ul
  li:nth-child(2)
  .point
  .point-bar::before {
  width: 85%;
}
.evaluation.feature-item
  .top
  .right
  ul
  li:nth-child(3)
  .point
  .point-bar::before {
  width: 70%;
}
.evaluation.feature-item
  .top
  .right
  ul
  li:nth-child(4)
  .point
  .point-bar::before {
  width: 60%;
}
.evaluation.feature-item
  .top
  .right
  ul
  li:nth-child(5)
  .point
  .point-bar::before {
  width: 50%;
}
.evaluation.feature-item .bottom {
  margin-top: 111px;
}

.evaluation.feature-item .bottom .title {
  margin-bottom: 20px;
  display: flex;
  width: 94%;
}
.evaluation.feature-item .bottom > span {
  font-weight: bold;
  font-size: 24px;
  color: #263543;
}
.testiminationSwiper .swiper-title {
  font-size: 18px;
  font-weight: bold;
  color: #263543;
  margin-bottom: 16px;
  display: flex;
}
.testiminationSwiper p {
  font-weight: 500;
  font-size: 18px;
  color: #b9b9b9;
  margin-bottom: 16px;
}
.testiminationSwiper .stars {
  display: flex;
  gap: 8px;
}
section.product-detail {
  margin-bottom: 130px;
}
@media screen and (max-width: 1450px) {
  section.product-list-page-2 .favorite-full .favorite-bottom {
    grid-template-columns: repeat(1, 1fr);
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom
    .right {
    width: 156%;
  }
  .product-detail-container .product-img .img-content {
    width: 500px;
    height: 500px;
  }

  .product-detail-container .product-add-basket > div {
    flex: unset;
    width: 50%;
  }

  .product-img .img-pagination {
    width: 500px;
    height: 69px;
  }

  .evaluation.feature-item .top .left .img-container {
    gap: 20px;
  }
  .evaluation.feature-item .bottom {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .product-detail-container .product-add-basket {
    gap: 40px;
  }

  .product-detail-container {
    margin: 0;
  }

  .produc-list-detail .product-info form .basket-add {
    gap: 10px;
  }

  .product-detail-container .product-add-basket > div {
  }

  .produc-list-detail .product-info form {
    width: 100%;
  }

  .product-img .img-pagination {
    width: 100%;
    height: auto;
  }

  .img-pagination .swiper {
    width: 100%;
  }

  .img-pagination .swiper img {
    width: 100%;
  }

  .product-detail-container .product-add-basket .product-img {
    margin-bottom: 50px;
  }
  .product-detail-container .product-img .img-content {
    width: 100%;
    height: 100%;
  }
  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom {
    flex-direction: column;
    padding: 0;
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom
    .right {
    width: 100%;
    margin-top: 50px;
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom
    .left
    h3 {
    width: 100%;
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom
    .left
    p {
    width: 100%;
  }
  .evaluation.feature-item .top {
    flex-direction: column;
    gap: 56px;
  }

  .evaluation.feature-item .top .left {
    width: 100%;
  }
  .evaluation.feature-item .top .right {
    width: 100%;
  }
  .evaluation.feature-item .top .left .img-container img {
    width: 52%;
    height: auto;
  }

  .evaluation.feature-item .top .left > span {
    font-size: 17px;
  }
}
@media screen and (max-width: 991px) {
  .product-detail-container {
    padding: 46px 40px;
  }

  .product-feature .feature-bottom .feature-content .explanation p {
    padding: 0;
  }
  .product-feature .feature-bottom .feature-content .explanation h3 {
    font-size: 30px;
  }
  .product-detail-container .product-add-basket {
    display: block;
  }

  .product-detail-container .product-add-basket .product-img,
  .product-detail-container .product-add-basket > div {
    width: 100%;
  }

  .product-feature {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .product-detail-container {
    margin: 0 -12px;
    padding: 20px 12px;
    border-radius: 16px;
  }
  .produc-list-detail {
    flex-direction: column-reverse;
    gap: 25px;
  }

  .produc-list-detail .product-featurs {
    flex-direction: row;
  }
  .product-feature .feature-top ul {
    gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .product-feature .feature-top {
    padding-left: 0;
    padding-bottom: 10px;
  }
  .evaluation.feature-item .top .left .img-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .evaluation.feature-item .top .left .img-container img {
    width: 100%;
  }

  .evaluation.feature-item .top .left .img-container .product-evaluation span {
  }

  .evaluation.feature-item .top .left > span {
    font-size: 12px;
    gap: 8px;
  }
  .product-feature .feature-bottom .feature-content .explanation h3 {
    font-size: 21px;
    padding-bottom: 24px;
  }

  .product-feature .feature-bottom .feature-content .explanation {
    padding: 48px 24px;
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-banner {
    margin-bottom: 24px;
  }

  .product-feature .feature-bottom .feature-content .explanation p {
    font-size: 14px;
  }

  section.product-detail {
    margin-bottom: 100px;
  }

  .product-feature
    .feature-bottom
    .feature-content
    .explanation
    .explanation-bottom {
    margin-top: 24px;
  }
  .produc-list-detail .product-info h3 {
    font-size: 24px;
  }

  .product-feature {
    margin-top: 50px;
  }

  .product-detail-container .large-img {
    margin-bottom: 24px;
  }

  .product-detail-container .product-img .img-content {
    padding: 12px;
  }

  .product-detail-container .product-add-basket .product-img {
    margin-bottom: 40px;
  }

  .inner-feature {
    padding: 48px 24px;
  }

  .inner-feature ul > li > span {
    font-size: 14px;
  }
  .evaluation.feature-item {
    padding: 28px 24px;
  }

  .evaluation.feature-item .bottom > span {
    font-size: 19px;
  }
  .testiminationSwiper .swiper-title {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .testiminationSwiper p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .product-img .img-pagination {
    margin-top: 12px;
  }
}

/* ---------------- Contact ------------------*/
.contact .breadcumb-top ul li a,
.legal .breadcumb-top ul li a {
  color: #263543;
}

.contact .breadcumb-top ul li.active a,
.legal .breadcumb-top ul li.active a,
.faq .breadcumb-top ul li.active a,
.bank-account .breadcumb-top ul li.active a {
  background: #fff;
  border: none;
}
.contact-container .contact-top {
  display: flex;
  flex-direction: column-reverse;
}

.contact-container {
  padding: 32px 82px 90px;
}
.contact-top .left ul li span {
  display: flex;
  font-weight: bold;
  font-size: 23px;
  color: #f24f29;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px;
}

.contact-top .left ul li span svg {
  width: 20px;
  height: 20px;
}

.contact-top .left ul li > div {
  display: flex;
  gap: 21px;
  padding-left: 6px;
  position: relative;
}
.contact-top .left ul li > div svg {
  width: 12px;
  height: 12px;
  margin-bottom: 14px;
}

.contact-top .left ul li > div .contact-info::before {
  content: "";
  height: 73%;
  width: 2px;
  background: #ededed;
  position: absolute;
  left: 11px;
  bottom: 0;
  top: 8px;
}

.contact-top .left {
  width: 25%;
}
.contact-top .left ul li > div .contact-info {
  width: 75%;
  font-weight: 500;
  font-size: 18px;
  color: #263543;
  transition: 0.3s;
}
.contact-top .left ul li {
  margin-bottom: 20px;
}

.contact-top .right {
  position: relative;
  padding: 44px;
  background: #fff;
  border-radius: 24px;
}

.contact-top .right > a {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 50%);
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  background: #f24f29;
  padding: 12px 24px;
  border-radius: 16px;
  transition: 0.3s;
  white-space: nowrap;
}
.contact-top .right iframe {
  width: 100%;
  height: 580px;
  border-radius: 8px;
  filter: grayscale(1);
}

.contact-container-second {
  padding-top: 50px;
}

.contact-container-second .contact-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.contact-container-second .contact-bottom .left {
  width: 30%;
}

.contact {
  background: rgba(255, 148, 48, 0.12);
  margin-bottom: -170px;
  padding-bottom: 200px;
}

.contact-container-second .contact-bottom .right {
  width: 50%;
  max-width: 700px;
  padding: 48px 32px 18px;
  border-radius: 24px;
}

.contact-container-second .contact-bottom .left h3 {
  font-weight: bold;
  font-size: 62px;
  color: #151515;
  margin-bottom: 60px;
}

.contact-container-second .contact-bottom .left h3 span {
  color: #f24f29;
  display: block;
}
.contact-container-second .contact-bottom .right form .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.contact-container-second
  .contact-bottom
  .right
  form
  .form-group
  .input-content {
  width: 100%;
  margin: 0;
}

.contact-container-second
  .contact-bottom
  .right
  form
  .form-group
  .input-content
  input {
  height: 60px;
}
.contact-container-second .contact-bottom .right form .form-group .nice-select {
  width: 94%;
  height: 58px;
  display: flex;
  align-items: center;
}

.contact-container-second
  .contact-bottom
  .right
  form
  .form-group
  .input-content
  input::placeholder {
  font-size: 16px;
}
.contact-container-second .contact-bottom .right form .form-group {
  margin-bottom: 30px;
}
.contact-container-second
  .contact-bottom
  .right
  form
  .form-group
  .input-content
  textarea {
  height: 101px;
  resize: none;
  font-size: 15px;
}
.contact-container-second
  .contact-bottom
  .right
  form
  .form-group
  .input-content
  textarea::placeholder {
  font-size: 15px;
}
.contact-container-second .contact-bottom .right form .kvkk-text {
  font-weight: 500;
  font-size: 15px;
  color: #263543;
  margin-bottom: 30px;
  text-align: center;
  padding: 0 30px;
}
.contact-container-second .contact-bottom .right form .kvkk-text a {
  color: #f24f29;
}


.captcha {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.captcha .captcha-button-holder {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-right: 24px;
  flex: 1;
}

.input-content img {
  height: 58px;
  object-fit: cover;
  border-radius: 100px;
  border: 1px solid #0000001f;
}

.captcha .captcha-button-holder .input-content {
  position: relative;
}

.input-content a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  background: #f24f29;
  border-radius: 100%;
  color: #fff !important;
  width: 24px;
  height: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.captcha .submit input {
  height: 58px;
  border-radius: 100px;
  padding: 0 52px;
  background: #f24f29;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  border: 1px solid #c63d1d;
  transition: 0.3s;
}


.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #f24f29;
}
@media screen and (max-width: 1681px) {
  .contact-container-second .contact-bottom .left h3 {
    font-size: 52px;
  }
}
@media screen and (max-width: 1537px) {
  .contact-container-second .contact-bottom .left h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1441px) {
  .contact-container .contact-top {
    justify-content: space-between;
    gap: 0;
  }

  .contact-top .left {
    width: 34%;
  }

  .contact-container-second .contact-bottom {
    justify-content: space-between;
    padding: 0 80px;
    gap: 40px;
  }

  .contact-container-second .contact-bottom .left {
    width: 35%;
  }
}
@media screen and (max-width: 1199px) {
  .contact-container .contact-top {
    flex-direction: column;
    gap: 30px;
  }

  .contact-top .left {
    width: 100%;
  }

  .contact-top .left ul {
    display: flex;
    justify-content: space-between;
  }

  .contact-top .left ul > li {
    width: 33.3%;
  }

  .contact-top .left ul li > div .contact-info {
    font-size: 16px;
  }

  .contact-top .left ul li span {
    font-size: 20px;
  }

  .contact-top .right {
    width: 100%;
  }

  .contact-container-second .contact-bottom {
    flex-direction: column;
    gap: 25px;
    padding: 0 30px;
  }

  .contact-container-second .contact-bottom .left {
    width: 100%;
  }

  .contact-container-second .contact-bottom .right {
    width: 100%;
  }

  .contact-container {
    padding: 32px 30px 90px;
  }
}
@media screen and (max-width: 991px) {
  .contact-container-second .contact-bottom {
    padding: 0;
  }

  .contact-container-second {
    padding: 32px 48px 0px;
  }

  .contact-top .left ul > li:nth-child(1) {
    width: 100%;
  }
  .contact-top .left ul > li {
    width: auto;
  }
  .contact-top .left ul {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact-container {
    padding: 0px 24px 60px;
  }

  section.contact {
    padding-bottom: 160px;
  }

  .contact-top .right {
    padding: 12px;
    border-radius: 12px;
  }

  .contact-container-second .contact-bottom .right {
    padding: 24px;
  }

  .contact-container-second .contact-bottom .right form .kvkk-text {
    padding: 0;
  }

  .contact-container-second
    .contact-bottom
    .right
    form
    .form-group
    .input-content
    textarea {
    height: 200px;
  }

  .contact-container-second
    .contact-bottom
    .right
    form
    .form-group
    .input-content
    input {
    height: 50px;
    font-size: 12px;
  }

  .contact-container-second
    .contact-bottom
    .right
    form
    .form-group
    .input-content
    input::placeholder,
  .contact-container-second
    .contact-bottom
    .right
    form
    .form-group
    .input-content::placeholder {
    color: #ededed;
    font-size: 12px;
  }

  .input-content a {
    right: 10px;
  }

  .contact-container-second {
    padding: 32px 24px 0px;
  }

  .contact-top .right iframe {
    height: 450px;
  }

  .contact-container-second .contact-bottom .left h3 {
    font-size: 33px;
    margin-bottom: 40px;
  }

  .contact-container-second .contact-bottom .right form .form-group {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
  }

  .contact-container-second
    .contact-bottom
    .right
    form
    .form-group
    .nice-select {
    width: 100%;
  }

  .contact-container-second .contact-bottom .right form p {
    font-size: 15px;
    margin-bottom: 30px;
  }

  .captcha .captcha-button-holder {
    gap: 8px;
    margin-right: 0px;
  }

  .captcha {
    flex-direction: column;
    gap: 22px;
  }

  .captcha .submit input {
    width: 100%;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .captcha .submit {
    width: 100%;
  }
}
/*--------------------- KVKK ------------------*/
section.legal .legal-container {
  padding: 42px 56px;
  display: flex;
  gap: 20px;
}

section.legal .legal-container .left {
  width: 25%;
  max-width: 330px;
}

section.legal .legal-container .right {
  background: rgba(21, 21, 21, 0.02);
  border-radius: 16px;
  flex: 1;
  overflow: hidden;
}

section.legal .legal-container .left ul {
  padding: 32px;
  border: 1px solid #ededed;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
}

section.legal .legal-container .left ul li span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #263543;
}
section.legal .legal-container .left ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #808080;
}

section.legal .legal-container .left ul li span.active {
  text-decoration: underline;
  color: #f24f29;
}
section.legal .legal-container .left ul li a.active {
  text-decoration: underline;
  color: #f24f29;
}
section.legal .legal-container .right .legal-context {
  display: flex;
  flex-direction: column;
  padding: 61px 52px;
  gap: 16px;
}

section.legal .legal-container .right .legal-context h2 {
  font-weight: 500;
  font-size: 25px;
  color: #151515;
}

section.legal .legal-container .right .legal-context p {
  font-weight: 400;
  font-size: 18px;
  color: #808080;
}
section.legal .legal-container .left ul li span svg {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

section.legal .legal-container .left ul li span.active svg {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1441px) {
  section.legal .legal-container .left {
  }
}
@media screen and (max-width: 1199px) {
  section.legal .legal-container {
    flex-direction: column;
  }

  section.legal .legal-container .left {
    width: 100%;
    max-width: 100%;
  }

  section.legal .legal-container .left ul {
    flex-direction: revert;
    border: none;
    padding: 0;
    justify-content: space-between;
  }

  section.legal .legal-container .left ul li {
    border: 1px solid #ededed;
    border-radius: 16px;
    padding: 22px;
  }

  section.legal .legal-container .left ul li span svg {
    display: none;
  }

  section.legal .legal-container .left ul li span {
    font-size: 13px;
  }
  section.legal .legal-container .left ul li a {
    font-size: 13px;
  }

  section.legal .legal-container .right {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .legal .custom-breadcrumb h3,
  .faq .custom-breadcrumb h3,
  .bank-account .custom-breadcrumb h3 {
    font-size: 20px;
  }

  .legal .custom-breadcrumb,
  .faq .custom-breadcrumb,
  .bank-account .custom-breadcrumb {
  }

  .legal .breadcumb-top ul li a {
    font-size: 15px;
  }
  section.legal .legal-container .left ul {
    flex-wrap: wrap;
  }

  section.legal .legal-container .left ul li {
    width: 48%;
  }

  section.legal .legal-container {
    padding: 42px 48px;
  }

  section.legal .legal-container .right .legal-context {
    padding: 48px 34px;
  }
}
@media screen and (max-width: 767px) {
  section.legal .legal-container {
    padding: 42px 24px;
  }

  section.legal .legal-container .left ul li {
    width: 100%;
  }

  section.legal .legal-container .right .legal-context h2 {
    font-size: 20px;
  }

  section.legal .legal-container .right .legal-context p {
    font-size: 16px;
  }

  section.legal .legal-container .right .legal-context {
    padding: 24px;
  }
  .legal .breadcumb-top ul li a,
  .faq .breadcumb-top ul li a,
  .bank-account .breadcumb-top ul li a {
    font-size: 12px;
  }
}
/*-------------- SSS ----------------*/
.faq-container {
  padding: 50px 42px;
  display: flex;
  gap: 20px;
}

.faq-container .left {
  width: 100%;
  max-width: 300px;
}

.faq-container .left > ul {
  padding: 32px;
  border: 1px solid #ededed;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.faq-container .left > ul > li .faq-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  cursor: pointer;
}

.faq-container .left > ul > li .faq-item span {
  font-weight: bold;
  font-size: 16px;
  color: #263543;
  transition: 0.3s;
}

.faq-container .left > ul > li .faq-item.active span {
  transition: 0.3s;
  color: #f24f29;
  text-decoration: underline;
}

.faq-container .left > ul > li .faq-item svg {
  transition: 0.3s;
}

.faq-container .left > ul > li .faq-item.active svg {
  transition: 0.3s;
  stroke: #f24f29;
  transform: rotate(270deg);
}

.faq-container .left > ul > li .faq-item-sub {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.faq-container .left > ul > li .faq-item-sub > li {
  font-weight: bold;
  font-size: 16px;
  color: #b9b9b9;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 7px;
  cursor: pointer;
  transition: 0.3s;
}

.faq-container .left > ul > li .faq-item-sub > li::before {
  content: "";
  width: 15px;
  height: 1px;
  display: flex;
  background: #b9b9b9;
  transition: 0.3s;
}

.faq-container .right .answer-container {
  padding: 32px 32px;
  border-radius: 16px;
  background: rgba(21, 21, 21, 0.02);
}

.faq-container .right .answer-container .title {
  font-weight: bold;
  font-size: 32px;
  color: #f24f29;
  margin-bottom: 31px;
  display: flex;
}

.faq-container .right .answer-container ul {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 0 24px;
}

.faq-container .right .answer-container > ul > li {
  padding-bottom: 70px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

.faq-container .right .answer-container > ul > li span.sub-title {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  margin-bottom: 46px;
  display: flex;
}

.faq-container .right .answer-container > ul > li p {
  font-weight: 500;
  font-size: 16px;
  color: #808080;
  margin-bottom: 20px;
}
.faq-container .right .answer-container > ul > li:nth-last-child(1) {
  border: none;
}
.faq-container .left > ul > li .faq-item-sub > li.active {
  transition: 0.3s;
  transform: translateX(10px);
  color: #f24f29;
}

.faq-container .left > ul > li .faq-item-sub > li.active::before {
  transition: 0.3s;
  background: #f24f29;
}
.faq-container .right {
  width: 85%;
}
@media screen and (max-width: 991px) {
  .faq-container {
    flex-direction: column;
  }

  .faq-container .left {
    width: 100%;
    max-width: 100%;
  }

  .faq-container .right {
    width: 100%;
  }

  .faq-container .right .answer-container {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 767px) {
  .faq-container {
    padding: 20px 24px;
  }
  .faq-container .right .answer-container ul {
    padding: 0;
  }
}

/*------- Banka Hesaplari ---------*/
.bank-account-container {
  display: flex;
  align-items: flex-start;
  gap: 70px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.bank-account-container .bank-content {
  max-width: 556px;
  width: 100%;
  border-radius: 16px;
  background: rgba(21, 21, 21, 0.02);
  padding: 60px;
}

.bank-account-container .bank-content p {
  font-size: 16px;
  line-height: 1.5;
  color: #808080;
}

.bank-account-container > ul {
}

.bank-account-container > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 23px;
}

.bank-account-container > ul > li + li {
  border-top: 1px solid #f7f7f7;

  padding-top: 30px;

  margin-top: 30px;
}

.bank-account-container > ul > li .bank-img {
  width: 30%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  padding: 0 30px;
  border-radius: 24px;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.04));
}

.bank-account-container > ul > li .bank-info {
  width: 70%;
}

.bank-account-container > ul > li .bank-info .title {
  font-weight: bold;
  font-size: 15px;
  color: #000;
  margin-bottom: 10px;
}

.bank-account-container > ul > li .bank-info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bank-account-container > ul > li .bank-info ul > li {
  width: 49%;
  font-weight: bold;
  font-size: 14px;
  color: #6f6f6f;
  line-height: 1.2;
}

.bank-account-container > ul > li .bank-info ul > li:first-child {
  width: 100%;
}
.bank-account-container > ul > li .bank-info ul > li:nth-child(2) {
  width: 100%;
}

.bank-account-container > ul > li .bank-info ul > li span {
  font-weight: 500;
  font-size: 15px;
  color: #b9b9b9;
}
@media screen and (max-width: 1199px) {
  .bank-account-container > ul {
    grid-template-columns: auto;
  }

  .bank-account-container > ul > li {
  }

  .bank-account-container .bank-content {
    max-width: 350px;
    padding: 40px;
  }
}
@media screen and (max-width: 991px) {
  .bank-account-container {
    display: block;
    padding-bottom: 0;
    padding-top: 20px;
  }

  .bank-account-container .bank-content {
    max-width: 100%;
  }

  .bank-account-container > ul {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .bank-account-container {
    display: block;
    padding-top: 10px;
  }

  .bank-account-container > ul > li {
    flex-direction: column;
    padding: 26px 15px 0px;
    height: 100%;
  }

  .bank-account-container > ul > li .bank-img {
    width: 100%;
    height: 120px;
    padding: 0px 90px;
  }

  .bank-account-container > ul > li .bank-info {
    width: 100%;
  }

  .bank-account-container > ul > li .bank-info ul > li {
    width: 100%;
  }

  .bank-account-container .bank-content {
    padding: 24px;
  }

  .bank-account-container > ul {
    margin-top: 20px;
  }
}
/*-------------- About Us ------------------ */
section.about {
  position: relative;
}

section.about .title {
  display: flex;
  justify-content: center;
  align-items: center;
}

section.about:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 500px;
  background: rgba(255, 148, 48, 0.12);
  z-index: -1;
}

.about .page-banner:before {
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #fff 100%);
  opacity: 0.3;
}

section.about .about-top {
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1330px;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

section.about .about-top .bg-container {
  background: linear-gradient(rgba(86, 171, 118, 0) 0%, #f24f29 100%);
  position: absolute;
  top: -15%;
  left: 50%;
  border: 0;
  width: 55vw;
  height: 55vw;
  border-radius: 100%;
  opacity: 0.2;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
section.about .about-top .bg-container-second {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 250px;
  z-index: 2222222222222222;
}

section.about .about-top .bg-container::before {
  content: "";
  width: 35vw;
  height: 35vw;
  background: linear-gradient(rgba(86, 171, 118, 0) 0%, #f24f29 100%);
  border-radius: 100%;
}

section.about .about-top::before {
  content: "";
  width: 20vw;
  height: 20vw;
  background: linear-gradient(rgba(86, 171, 118, 0) 0%, #f24f29 100%);
  position: absolute;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  z-index: -1;
}

section.about .about-top .about-context {
  font-weight: bold;
  font-size: 97px;
  line-height: 108px;
  text-align: center;
  color: #263543;
  margin-top: -11%;
  width: 63%;
}
section.about .about-top .img-content img {
  border-radius: 17px;
}

section.about .about-top .img-content img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 78px;
  transform: rotate(-21deg);
}
section.about .about-top .img-content img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 80px;
  transform: rotate(27deg);
}

section.about .about-top .img-content img:nth-child(3) {
  position: absolute;
  bottom: 28%;
  transform: rotate(-10deg);
  left: 147px;
}

section.about .about-top .img-content img:nth-child(4) {
  position: absolute;
  right: 0;
  transform: rotate(-7deg);
}
section.about .about-mid {
  margin-top: 58px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

section.about .about-mid p {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #263543;
  text-align: center;
  max-width: 1260px;
  margin: 0 auto;
}
section.about .about-mid-second {
  margin-top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 71px;
}

section.about .about-mid-second > div {
  /* flex: 1; */
  width: 41%;
}

section.about .about-mid-second .left h3 {
  font-weight: bold;
  font-size: 42px;
  line-height: 48px;
  color: #d4653a;
  margin-bottom: 66px;
}

section.about .about-mid-second .left p {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  /* text-align: center; */
  color: #808080;
  width: 75%;
}

section.about .about-mid-second .right img {
  width: 100%;
  border-radius: 16px;
}
section.about .about-bottom {
  margin-top: 169px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

section.about .about-bottom h3 {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 62px;
  line-height: 72px;
  text-align: center;
  color: #d4653a;
  position: relative;
  z-index: 1;
}

section.about .about-bottom .img-container {
  width: 100%;
  display: flex;
  gap: 41px;
  position: relative;
}

section.about .about-bottom .img-container img {
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
section.about .about-bottom .img-container svg {
  position: absolute;
  width: 100%;
  max-width: 100%;
  top: -105px;
  left: 50%;
  transform: translateX(-50%);
}

.about-content {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  background: #fff;

  border-radius: 24px;

  position: relative;

  margin-top: 20px;

  padding: 32px;
}

.about-content .about-text {
  padding: 32px;
}

.about-content .about-text .about-title {
  font-weight: 600;

  font-size: 32px;

  color: #15c4ad;

  margin-bottom: 40px;
}

.about-content .about-text p {
  font-size: 16px;

  line-height: 1.5;

  color: #808080;
}

.about-content .about-text p br {
}

.about-content .about-content-img {
}

.about-content .about-content-img img {
  width: 100%;

  border-radius: 8px;
}

.about-vm {
  padding: 140px 0;
}

.about-vm .about-vm-row .about-vm-col:nth-child(2) .about-vm-title {
  color: #ff9430;
}

.about-vm > .about-vm-title {
  font-weight: bold;

  font-size: 56px;

  text-align: center;

  color: #f24f29;
}

.about-vm .about-vm-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
  margin-top: 110px;
}

.about-vm .about-vm-row .about-vm-col {
  background: #fff;

  border-radius: 16px;

  padding: 80px;
}

.about-vm .about-vm-row .about-vm-col .about-vm-title {
  font-weight: 600;

  font-size: 42px;

  text-align: left;

  color: #15c4ad;

  margin-bottom: 40px;
}

.about-vm .about-vm-row .about-vm-col p {
  font-size: 16px;

  line-height: 1.7;

  color: #808080;
}

.about-vm .about-vm-row .about-vm-col p br {
}

.team-section {
  padding-bottom: 70px;
}

.team-section .team-section-title {
  font-weight: bold;

  font-size: 40px;

  color: #f24f29;

  margin-bottom: 55px;
}

.team-section .team-list {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 64px;
}

.team-section .team-list .list-item {
  border-radius: 16px;

  background: #fff;

  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.04);

  padding: 32px;
}

.team-section .team-list .list-item .item-img {
  position: relative;
  margin-bottom: 32px;
}
.team-section .team-list .list-item .item-img:before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 150px;

  border-radius: 16px;

  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.team-section .team-list .list-item img {
  width: 100%;

  border-radius: 16px;
}

.team-section .team-list .list-item .item-name {
  font-weight: 600;
  font-size: 24px;
  display: block;
  color: #15c4ad;
}

.team-section .team-list .list-item .item-title {
  font-weight: 500;
  font-size: 16px;
  color: #808080;
  margin-top: 5px;
  display: block;
}

@media screen and (max-width: 1199px) {
  .about-vm > .about-vm-title {
    font-size: 40px;
    max-width: 70%;
    margin: 0 auto;
  }

  .about-vm {
    padding: 90px 0;
  }

  .about-vm .about-vm-row {
    margin-top: 60px;
    gap: 30px;
  }

  .about-vm .about-vm-row .about-vm-col {
    padding: 50px;
  }

  .about-vm .about-vm-row .about-vm-col .about-vm-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 991px) {
  .team-section .team-list {
    gap: 32px;
  }

  .team-section .team-list .list-item {
    padding: 18px;
  }

  section.about:before {
    bottom: 230px;
  }

  .team-section {
    padding-bottom: 20px;
  }

  .about-vm .about-vm-row .about-vm-col {
    padding: 32px;
  }

  .about-content {
    display: flex;
    flex-direction: column;
  }

  .about-content .about-content-img {
    margin-top: 40px;
  }

  .about-vm > .about-vm-title {
    max-width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .about-vm .about-vm-row {
    flex-direction: column;
    display: flex;
    margin-top: 40px;
  }

  .about-vm > .about-vm-title {
    max-width: 100%;
    font-size: 28px;
  }

  .about-vm .about-vm-row .about-vm-col .about-vm-title {
    font-size: 24px;
    margin-bottom: 32px;
  }

  .about-vm .about-vm-row .about-vm-col p {
    font-size: 15px;
  }

  .team-section .team-list {
    display: flex;
    flex-direction: column;
  }

  .team-section .team-section-title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .about-content .about-text {
    padding: 0;
  }

  .about-content {
    border-radius: 16px;
    margin-top: 0;
  }

  .about-vm {
    padding: 70px 0;
  }

  .about-content .about-text .about-title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .about-content .about-text p {
    font-size: 15px;
  }

  .page-banner .custom-breadcrumb {
    position: relative;
    bottom: 0;
  }

  .page-banner {
    margin-bottom: 0;
  }

  .about .page-banner .banner-bg {
    overflow: hidden;
    height: 50vw;
  }

  .about .page-banner .banner-bg img {
    height: 140%;
  }

  .page-banner .banner-title {
    font-size: 6vw;
    left: 20px;
  }
}

/*------------------ Odeme Yonteme ----------------*/
.payment-container {
  display: flex;
  padding: 32px 50px 80px;
  background: #fafafa;
  gap: 20px;
}

.payment-container .payment-left {
  width: 75%;
}

.payment-container .payment-right {
  width: 25%;
  background: #fff;
  border-radius: 16px;
  padding: 48px;
  height: 100%;
}
.payment-container .payment-left .adress {
  display: flex;
  align-items: center;
  gap: 31px;
}
.payment-container .payment-left .adress .adress-item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.payment-container .payment-right .checkbox label a {
    position: relative;
    top: 0;
    transform: translate(0px, 0px);
    left: 0;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0px;
    color: #f24f29 !important;
    display: inline-block;
    font-size: 15px;
}

.payment-container .payment-left .adress .adress-item .title {
  font-weight: bold;
  font-size: 19px;
  line-height: 16px;
  color: #263543;
  display: flex;
}

.payment-container .payment-left .adress .adress-item .context {
}

.payment-container .payment-left .payment-adress {
  background: #fff;
  padding: 30px 48px;
  border-radius: 21px;
}
.payment-container .payment-left .adress .adress-item .context .nice-select {
  display: flex;
  border-radius: 20px;
  width: 111px;
  border-color: #f24f29;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #f24f29;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-container .payment-left .adress .adress-item .context .select-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0px, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.payment-container
  .payment-left
  .adress
  .adress-item
  .context
  .select-result
  .title {
  margin: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 1;
  color: #263543;
}

.payment-container
  .payment-left
  .adress
  .adress-item
  .context
  .select-result
  .delete-btn {
  background: transparent;
  font-family: Quicksand;
  font-weight: bold;
  font-size: 17px;
  line-height: 16px;
  text-align: center;
  color: #d4653a;
  padding: 8px 24px;
  border-radius: 23px;
  border: 1px solid #d4653a;
  outline: none;
  transition: 0.3s;
}

.payment-container
  .payment-left
  .adress
  .adress-item
  .context
  .select-result.active {
  transition: 0.3s;
  visibility: visible;
  opacity: 1;
}
.payment-container
  .payment-left
  .adress
  .adress-item
  .context
  .nice-select.remove {
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.payment-container .payment-left .payment-adress > form {
  position: relative;
  width: max-content;
  float: none !important;
}

.payment-container .payment-left .payment-adress > form input, .payment-container .payment-left .payment-adress > form textarea {box-shadow: none !important;}
.payment-container .payment-left .payment-adress > form label {
  padding-left: 26px;
}

.payment-container .payment-left .payment-adress .same-adres {
    font-size: 16px;
    margin-bottom: 20px;
}

.payment-container .payment-left .payment-adress > form label::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  display: flex;
  border: 1px solid #000;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.payment-container .payment-left .payment-adress > form label::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  display: flex;
  background: #000;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: 0.3s;
}

.payment-container
  .payment-left
  .payment-adress
  > form
  input:checked
  ~ label:after {
  transition: 0.3s;
  transform: translateY(-50%) scale(1);
}
.payment-left .add-new-address .add-new-adress-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 49px;
  cursor: pointer;
}

.payment-left .add-new-address .add-new-adress-btn span {
  font-weight: bold;
  font-size: 19px;
  color: #d4653a;
}
.payment-left .add-new-address .add-new-adress-form .form-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  color: #263543;
  margin-bottom: 45px;
  display: flex;
}

.payment-left .add-new-address .add-new-adress-form .form-content .form-group {
  display: flex;
  gap: 24px;
}

.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content {
  width: 50%;
}

.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  input {
  height: 58px;
}

.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .nice-select {
  width: 51%;
  height: 58px;
  display: flex;
  align-items: center;
  border-radius: 30px;
}

.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  textarea {
  height: 100px;
  resize: none;
}
.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  input,
.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  textarea {
  font-size: 16px;
}
.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  input::placeholder,
.payment-left
  .add-new-address
  .add-new-adress-form
  .form-content
  .form-group
  .input-content
  textarea::placeholder {
  font-size: 16px;
}
.form-group.form-group-single .input-content textarea {
  font-size: 16px;
  height: 100px;
  resize: none;
}
.form-group.form-group-single .input-content textarea::placeholder {
  font-size: 16px;
}
.payment-options {
  margin-top: 49px;
  padding: 48px;
  background: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.payment-options .options .title {
  position: relative;
  cursor: pointer;
  transition: .3s;
}
.payment-options .options .title.active {
    margin-bottom: 1.125rem;
}

.payment-options .options .title span {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #263543;
  padding-left: 27px;
}

.payment-options .options .title span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.payment-options .options .title.active span::before {
  transition: 0.3s;
  background: #d4653a;
  border: 1px solid #d4653a;
}
.payment-options .options {
  border: 1px solid #ededed;
  padding: 24px;
  border-radius: 16px;
}
.payment-options .options .option-context {
  gap: 22px;
  display: flex;
  flex-direction: column;
}

.payment-options .options .option-context form {
  width: 85%;
}

.payment-options .options .option-context .card-view {
  width: 50%;
  /* background: #fafafa; */
  /* border-radius: 16px; */
  /* border: 1px solid #ededed; */
  /* display: flex; */
  /* justify-content: end; */
  /* flex-direction: column; */
  /* gap: 10px; */
  position: relative;
  transition: 0.8s;
  transform-style: preserve-3d;
}

.payment-options .options .option-context form .form-content .form-group input {
  height: 58px;
  font-size: 16px;
}

.payment-options
  .options
  .option-context
  form
  .form-content
  .form-group
  input::placeholder {
  font-size: 16px;
}
.payment-options .options .option-context form .form-content .form-group {
  display: flex;
  gap: 24px;
  margin: 0;
}

.payment-options
  .options
  .option-context
  form
  .form-content
  .form-group
  .input-content {
  width: 50%;
}
.payment-options
  .options
  .option-context
  form
  .form-content
  .form-group.single-group
  .input-content {
  width: 100%;
}

.payment-options .options .option-context .card-view > span {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
}
.payment-options .options .option-context > span {
  font-weight: 500;
  font-size: 16px;
  color: #263543;
  padding-left: 24px;
}
.payment-options .options .option-context .bank {
  display: flex;
  margin: 0 25px;
  padding: 30px;
  background: #fafafa;
  border-radius: 16px;
  gap: 50px;
  height: 250px;
  align-items: center;
}

.payment-options .options .option-context .bank .bank-img {
  background: #fff;
  width: 28%;
  border-radius: 16px;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid #ededed;
}

.payment-options .options .option-context .bank .bank-info .title {
  font-weight: bold;
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}

.payment-options .options .option-context .bank .bank-info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 0;
}

.payment-options .options .option-context .bank .bank-info ul li {
  width: 50%;
  font-weight: bold;
  font-size: 17px;
  color: #000;
}

.payment-options .options .option-context .bank .bank-info ul li:first-child {
  width: 100%;
}

.payment-options .options .option-context .bank .bank-info ul li span {
  font-weight: 500;
  color: #b9b9b9;
}
.payment-detail {
  margin-top: 49px;
  background: #fff;
  padding: 48px;
}

.payment-detail .title {
  font-weight: bold;
  font-size: 19px;
  color: #263543;
  margin-bottom: 32px;
  display: flex;
}

.payment-detail ul {
  display: flex;
  gap: 32px;
}

.payment-detail ul > li {
  width: 50%;
}

.payment-detail ul > li .order-item {
  background: #fafafa;
  border-radius: 16px;
  border: 1px solid #ededed;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.payment-detail ul > li .order-item .img-container {
  position: relative;
}

.payment-detail ul > li .order-item .img-container img {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  object-fit: cover;
}

.payment-detail ul > li .order-item .img-container span {
  position: absolute;
  left: -9px;
  padding: 5px;
  background: #fff;
  border-radius: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.payment-detail ul > li .order-item .order-context {
  display: flex;
  justify-content: space-between;
  width: 80%;
}

.payment-detail ul > li .order-item .order-context .order-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.payment-detail ul > li .order-item .order-context .order-info .name {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}

.payment-detail ul > li .order-item .order-context .order-info .feature {
  font-weight: bold;
  font-size: 17px;
  color: #808080;
}

.payment-detail ul > li .order-item .order-context .price {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
  display: block;
}
.payment-options .main-title {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
  margin-bottom: 30px;
  display: block;
}
.payment-options .options .option-context .agreement {
  padding: 38px 50px;
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 16px;
  margin-top: 22px;
}

.payment-options .options .option-context .agreement h3 {
  font-weight: 500;
  font-size: 16px;
  color: #151515;
}

.payment-options .options .option-context .agreement p {
  font-family: Quicksand;
  font-weight: 500;
  font-size: 16px;
  color: #151515;
}
.payment-container .payment-right .title {
  font-weight: bold;
  font-size: 21px;
  color: #263543;
  display: flex;
}

.payment-container .payment-right .price {
  padding: 20px 0;
  display: flex;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 42px;
  color: #263543;
}

.payment-container .payment-right .checkbox label {
  font-weight: bold;
  font-size: 15px;
  color: #263543;
  padding-left: 23px;
}

.payment-container .payment-right .checkbox label::before {
  border-radius: 100%;
  border: 1px solid #000;
  width: 17px;
  height: 17px;
  top: 50%;
  transform: translateY(-50%);
}

.payment-container .payment-right .checkbox label::after {
  background: #000;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: 50%;
  left: 1px;
}
.payment-container .payment-right button {
  width: 100%;
  padding: 17px;
  border: none;
  background: #f24f28;
  border-radius: 16px;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  transition: 0.3s;
  margin-top: 20px;
}

@media screen and (max-width: 1199px) {
  .payment-container {
    flex-direction: column;
    gap: 49px;
  }

  .payment-container .payment-left,
  .payment-container .payment-right {
    width: 100%;
  }
}
@media screen and (max-width:991px){
    .payment-options .options .option-context .bank .bank-img {
    flex: 0 0 40%;
}

.payment-options .options .option-context .bank .bank-info .title {
    font-size: 20px;
}

.payment-options .options .option-context .bank .bank-info ul li {
    font-size: 14px;
}
}

@media screen and (max-width: 767px) {
  .payment-container {
    padding: 34px 24px 50px;
  }

  .payment-container .payment-left .payment-adress {
    padding: 24px;
  }

  .payment-container .payment-left .adress {
    flex-direction: column;
  }

  .payment-container .payment-left .adress .adress-item {
    width: 100%;
  }

  .payment-left
    .add-new-address
    .add-new-adress-form
    .form-content
    .form-group {
    flex-direction: column;
    gap: 0;
  }

  .payment-left
    .add-new-address
    .add-new-adress-form
    .form-content
    .form-group
    .input-content {
    width: 100%;
  }

  .payment-left
    .add-new-address
    .add-new-adress-form
    .form-content
    .form-group
    .nice-select {
    width: 100%;
    margin-bottom: 1rem;
  }

  .payment-left
    .add-new-address
    .add-new-adress-form
    .form-content
    .form-group
    .nice-select:last-child {
    margin-top: 20px;
    display: flex;
  }

  .payment-options {
    padding: 24px;
  }

  .payment-options .options .option-context {
    flex-direction: column;
  }

  .payment-options .options .option-context form {
    width: 100%;
  }

  .payment-options .options .option-context .card-view {
    width: 100%;
    padding: 24px;
  }

  .payment-options .options .option-context .card-view > span {
    font-size: 14px;
  }

  .payment-options .options .option-context > span {
    padding: 0;
    font-size: 13px;
  }

  .payment-options .options .option-context .bank {
    flex-direction: column;
    margin: 0;
    padding: 24px;
    gap: 10px;
    height: 100%;
  }

  .payment-options .options .option-context .bank .bank-img {
    width: 100%;
    /* height: 300px; */
    padding: 47px 0;
  }

  .payment-options .options .option-context .bank .bank-img img {
    max-width: 50%;
}

  .payment-options .options .option-context .bank .bank-info ul li {
    width: 100%;
  }

  .payment-options .options .option-context .bank .bank-info ul li {
    font-size: 13px;
  }
  .payment-detail ul {
    flex-direction: column;
  }

  .payment-detail ul > li {
    width: 100%;
  }

  .payment-detail {
    padding: 24px;
  }

  .payment-detail ul > li .order-item {
    flex-direction: column;
  }

  .payment-detail ul > li .order-item .img-container img {
    width: 150px;
    height: 150px;
  }

  .payment-detail ul > li .order-item .order-context {
    flex-direction: column;
    width: 100%;
    text-align: center;
    gap: 12px;
  }

  .payment-detail ul > li .order-item .order-context .order-info .name {
    font-size: 15px;
  }

  .payment-detail ul > li .order-item .order-context .order-info .feature {
    font-size: 15px;
  }

  .order-info {
  }

  .payment-options .options .option-context .agreement {
    padding: 24px;
    overflow-x: auto;
  }

  .payment-options .options .option-context .agreement h3 {
    font-size: 14px;
  }

  .payment-options .options .option-context .agreement p {
    font-size: 13px;
  }
}
.payment-confirmation-container {
  padding: 48px;
  background: #fafafa;
  display: flex;
  justify-content: center;
}

.payment-confirmation-container .order-detail-container {
  width: 80%;
  background: transparent;
  padding: 0;
}

.payment-confirmation-container .order-detail-container .order-top {
  background: #fff;
  padding: 48px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 45px;
}

.payment-confirmation-container .order-detail-container .order-top span.title {
  font-weight: 500;
  font-size: 21px;
  color: #151515;
}

.payment-confirmation-container .order-detail-container .order-top p {
  font-weight: bold;
  font-size: 17px;
  color: #b9b9b9;
}

.payment-confirmation-container .order-detail-container .order-top p span {
  color: #808080;
}
.payment-confirmation-container .order-detail-container .order-detail {
  padding: 48px;
  background: #fff;
  border-radius: 16px;
}
.account-menu {
  display: none;
}
@media screen and (max-width: 991px) {
  .orders-container,
  .adress-page-container,
  .account-page-container {
    flex-direction: column;
  }
  .account-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .account-menu .title {
    font-weight: bold;
    font-size: 21px;
    color: #151515;
  }

  .account-menu .open-account {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #151515;
  }
  .account-menu .title {
    font-weight: bold;
    font-size: 21px;
    color: #151515;
  }

  .account-menu .open-account {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #151515;
  }

  .inner-page .account-container .close-icon {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 20px;
  }
}

.payment-options .options .option-context .card-view .front,
.payment-options .options .option-context .card-view .back {
  display: flex;
  justify-content: end;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background: #fafafa;
  top: 0;
  left: 0;
  right: 0;
  padding: 38px;
  border-radius: 16px;
}

.payment-options .options .option-context .card-view span {
  font-weight: bold;
  font-size: 20px;
  color: #263543;
}

.payment-options .options .option-context .card-view .back {
  transform: rotateY(180deg);
}

.payment-options .options .option-context .card-view.active {
  transition: 0.8s;
  transform: rotateY(180deg);
}

.header-mobile .mobile-menu .mobil-menu-container .all-category {
  position: absolute;
  background: #fff;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding: 40px;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  overflow-y: auto;
  overflow-x: hidden;
}

.header-mobile .mobile-menu .mobil-menu-container .all-category.active {
  transition: 0.3s;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  > ul
  > li
  > a {
  font-weight: bold;
  font-size: 21px;
  color: #151515;
  padding: 15px;
  /* border: 1px solid #ededed; */
  /* border-radius: 14px; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: unset;
}

.header-mobile .mobile-menu .mobil-menu-container .all-category .category-content ul.category-list > li.active a svg {
    transform: rotate(180deg);
}

.header-mobile .mobile-menu .mobil-menu-container .all-category .category-content ul.category-list > li svg {
    transition: .3s;
}


.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  > ul
  > li
  > ul.sub-category
  li
  a {
  font-weight: 500;
  font-size: 17px;
  color: #151515;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  > ul
  > li
  > ul.sub-category
  li
  a::before {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  display: flex;
}
.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content {
  width: 100%;
}

.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  ul.category-list {
  display: flex;
  flex-direction: column;
}

.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  ul.category-list
  > li {
  border-bottom: 1px solid #ededed;
}
.header-mobile .mobile-menu .mobil-menu-container .all-category span.back {
  margin-bottom: 20px;
}
.orders-list tbody > tr > td a {color: #fff !important;}

.header-mobile
  .mobile-menu
  .mobil-menu-container
  .all-category
  .category-content
  > ul
  > li
  > ul.sub-category {
  padding: 0 20px 20px;
}

.breadcumb-top ul li::after {
  content: ">";
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 13px;
  color: #000;
}
.breadcumb-top ul li:last-child::after {
  display: none;
}
.product-item.ıstaka .product-img-content {
  height: 100%;
}
.account-container ul li .checkbox-content a {
  margin: 0;
  position: relative;
  padding-left: 28px;
  font-weight: 600;
  font-size: 16px;
  color: #151515;
  padding: 0;
  background: none;
  transition: 0.3s;
}
.account-container ul li.active > .checkbox-content a {
  color: #f24f29;
}
.account-container ul li .checkbox-content a::before {
}

.account-container ul li .checkbox-content a::after {
}
.account-container ul li.active > .checkbox-content a::after {
  transition: 0.3s;
  transform: scale(1);
}

.stars svg.active * {
  fill: rgb(255, 148, 48);
  stroke: rgb(255, 148, 48);
}
.chapche-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.chapche-container .input-content {
  margin: 0;
  width: 50%;
  position: relative;
  height: 50px;
}

.chapche-container .input-content a {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}

.chapche-container .input-content input {
  height: 100%;
}
.chapche-container .input-content input:focus {
  border-color: #f24f29;
  transition: 0.3s;
}
.chapche-container .input-content img {
  height: 100%;
}
.search-container .search-bottom .search-bottom-product .product-item {
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 0px;
  background: none;
}
.coupon-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.coupon-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 98;
    background: #1515154f;
    display:none;
}

.coupon-container .coupon {
    overflow-x: hidden;
    z-index: 99;
}

.coupon-container .coupon form {
  background: #fff;
  padding: 48px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 620px;
}

.coupon-container .coupon form .coupon-input {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.coupon-container .coupon form .coupon-input span.coupon-title {
  font-weight: bold;
  font-size: 26px;
  text-align: left;
  color: #151515;
  border: 1px solid rgba(0, 0, 0, 0);
}

.coupon-container .coupon form .coupon-input input {
  height: 48px;
  padding: 6px 23px;
  border-radius: 12px;
  border-width: 1px;
  transition: 0.3s;
}

.coupon-container .coupon form .coupon-input input:focus {
  transition: 0.3s;
  outline: red;
}

.coupon-container .coupon form .coupon_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.coupon-container .coupon form .coupon_btn .close_coupon {
  width: 49%;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 10px;
  background: #ededed;
  height: 48px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #151515;
  cursor: pointer;
  transition: 0.3s;
}

.coupon-container .coupon form .coupon_btn button.submite_coupon {
  width: 49%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #f24f28;
  border: none;
  height: 48px;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}

.coupon-container.active {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
}
.yonlendirme {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
.yonlendirme a {
  color: #f24f29;
}
p.new a {
  width: 100%;
  border: none;
  border-radius: 8px;
  background: #263543;
  font-weight: bold;
  font-size: 16px;
  color: #fff !important;
  outline: none;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
p.new {
  width: 100%;
}
.product-number input {
  border: none;
  display: grid;
  place-content: center;
  align-items: center;
  width: min-content;
  font-size: 18px;
  text-align: center;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 767px) {
  .header-mobile .mobile-menu .mobil-menu-container .all-category {
    padding: 30px 24px;
  }

  .header-mobile
    .mobile-menu
    .mobil-menu-container
    .all-category
    .category-content
    > ul
    > li
    > a {
    font-size: 18px;
  }
  .coupon-container .coupon form {
    max-width: 90%;
    margin: 0 auto;
}
}

/* Auth */
.user-auth .form-control {
    color: #000;
    box-shadow: none !important;
    border-radius: 100px;
    padding: 0 30px;
    height: 50px;
    border-color: #00000030;
    background: none;
    font-size: 16px;
}

.user-auth  .btn-link {
    color: #f24f28;
}

.user-auth  button[type=submit].default-btn {
    font-size: 16px;
    padding: 10px 30px;
}

.user-auth .s-container {
    max-width: 700px;
    margin: 100px auto 150px;
}

.user-auth  .col-form-label {
    font-size: 15px;
    opacity: 0.8;
    margin-bottom: 4px;
}

.user-auth-menu a {
    font-size: 20px;
    color: #000000c9;
    padding: 10px 0;
    border-radius: 12px;
    margin: 8px;
    font-weight: 300;
}

.user-auth-menu a.active {
    color: #fff;
    background: #f24f28;
    font-weight: 400;
}

.user-auth form {
    padding: 40px 40px;
    background: #fafafa;
    border-radius: 12px;
}

.user-auth-menu {
    margin: 0 0 12px;
    background: #fafafa;
    border-radius: 12px;
}

.user-auth-menu .col {
    padding: 0;
}

.user-auth .form-row {
}

.user-auth .captcha-row {
    display: flex;
    gap: 10px;
    width: 100%;
}

.user-auth .captcha-row .input-content {
    flex: 1;
    margin-bottom: 0;
    position: relative;
}

.user-auth .input-content img {
    height: 50px;
    width: 100%;
}

.custom-control-input:checked~.custom-control-label::before {
    background: #f24f28;
    border-color: #f24f28;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #f24f28;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background: #f24f287a;
    border-color: #f24f287a;
}

.custom-control-label {
  line-height: 1.3;
}

.custom-control-label .badge {
  font-size: 11px;
  padding: 0 5px 0 0;
  background: none !important;
}

.custom-control-label small {
  font-size: 14px;
  display: block;
}

.overflow{
  overflow: hidden;
}

.nice-select.open {
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}

.search-overlay {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 75%);
  z-index: 97;
  display: none;
}

.nice-select.open > ul {
  border-top-right-radius: 0!important;
  border-top-left-radius: 0!important;
}

.biltek-signature {
    display: flex;
    align-items: center;
    justify-content: center;
}

.biltek-signature .biltek-signature-text {
    color: #383838;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    width: initial;
    height: 20px;
}
.biltek-signature a {
    display: flex;
}

.biltek-signature a img {
    opacity: .8;
}

.account-sidebar-backdrop {
  background: rgb(0 0 0 / 75%);
  position: fixed;
  inset: 0;
  z-index: 98;
  display: none;
}

.orders-container form .cargo-input-container .nice-select {
  min-width: 120px;
}

@media screen and (min-width:1200px) {
  .search-overlay {
    top: 143px;
  }
}

@media screen and (max-width:1199px){
  .product-item.product-item-lg .add-basket {
  position: relative;
  right: unset;
  width: 100%;
  margin: 0;
}


.product-list-page-2 .product-item .item-content{
  align-items: flex-end;
}
}

@media screen and (max-width:991px){
  .search {
    position: absolute;
    width: 100%;
    background: #fff;
    box-shadow: 0px 13px 20px #00000017;
    z-index: 99;
    top: 57px;
    height: calc(100vh - 100px);
    width: 100vw;
    left: -30px;
    right: 0;
    bottom: 0;
    border-radius: 0;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .inner-overlay{
    top: 85px;
  }
  .biltek-signature .biltek-signature-text {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .search{
    left: -18px;
  }  
  .user-auth .form-row:not(.form-group) {
    flex-direction: column;
}

.user-auth .captcha-row {
    flex-direction: column;
}

.custom-control-label small {
    font-size: 13px;
}

}

@media (hover: hover) {

  .coupon-container .coupon form .coupon_btn .close_coupon:hover {
    transition: 0.3s;
    background: #ff3100;
    color: #fff;
  }

  .coupon-container .coupon form .coupon_btn button.submite_coupon:hover {
    transition: 0.3s;
    background: #ff3a0b;
  }

  .payment-container .payment-right button:hover {
    transition: 0.3s;
    background: #ff3000;
  }

  .payment-container .payment-left .adress .adress-item .context .select-result .delete-btn:hover {
    transition: 0.3s;
    background: #d4653a;
    color: #fff;
  }

  .faq-container .left>ul>li .faq-item-sub>li:hover {
    transition: 0.3s;
    transform: translateX(10px);
  }

  a:hover {
    color: #f24f29 !important;
    text-decoration: none;
    outline: 0 !important;
  }

  header .header-row .header-infos .header-lang:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  body .cc-compliance a.cc-btn.cc-dismiss:hover {
    background: #f24f28;
  }

  body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
    color: #000000;
    text-decoration: underline;
  }

  header .header-row .header-infos .header-lang>ul li a:hover {
    background: #f24f29;
    border-color: #c63d1d;
    color: #fff !important;
  }

  header .header-row .header-infos>.menu-btn:hover .header-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .default-btn:hover {
    background: #ff3000;
    color: #fff !important;
  }

  .header-dropdown>ul li a:hover svg * {
    stroke: #f24f29;
  }

  header .header-row .header-search .search-open:hover {
    transition: 0.3s;
    background: #f24f29;
  }

  header .header-menu .default-menu a:hover {
    transition: 0.3s;
    color: #f24f29;
  }

  .header-dropdown>ul li a:hover {
    color: #f24f29;
  }

  .default-btn-outline:hover {
    background: #f24f29 !important;
    color: #fff;
  }

  header .header-row .header-infos .menu-btn:hover>span:nth-child(2)>span {
    background: #fff;
  }

  header .header-menu .product-menu li a:hover::after {
    transition: 0.3s;
    width: 100%;
  }


  header .header-menu .product-menu li:first-child a:hover {
    color: #fff !important;
    background: #ff3000;
  }

  .product-item:hover .add-basket {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    z-index: 999999;
  }

  .forget-password a:hover::after {
    transition: 0.3s;
    width: 100%;
  }

  .singin-buttons button.singin:hover,
  .singup-buttons button.singup:hover {
    transition: 0.5s;
    background: transparent;
    color: #151515;
    border: 1px solid #151515;
  }

  .singin-buttons ul li:nth-child(1) a:hover {
    transition: 0.3s;
    color: #fff;
    background: #3a5ed3;
  }

  .singin-buttons ul li:nth-child(2) a:hover {
    transition: 0.3s;
    color: #fff;
    background: #d4653a;
  }

  .singin-buttons ul li:nth-child(3) a:hover {
    transition: 0.3s;
    color: #fff;
    background: #263543;
  }

  span.create-account:hover {
    transition: 0.3s;
    background: #f24f29;
    color: #fff;
  }

  button.create-account:hover {
    transition: 0.3s;
    background: #f24f29;
    color: #fff;
  }

  .header-singup .header-singup-container .kvkk a:hover {
    transition: 0.5s;
    color: #f24f29;
  }

  .header-category .category-content .category-list>li>a:hover {
    transition: 0.5s;
    color: #f24f29;
  }

  .header-category .category-content .category-list>li .sub-category li a:hover {
    transition: 0.3s;
    transform: translateX(10px);
  }

  .header-category .category-content .category-img:hover .categor-bg-content {
    transition: 0.5s;
    transform: scale(1.1);
  }

  .search-container .search-top button.search-close-btn:hover {
    background: #fa613d;
  }

  .search-container .search-top button.search-close-btn:hover svg * {
    transition: 0.3s;
    stroke: #fff;
  }

  .categories-section .categories-list .categorie-item:hover img {
    transition: 0.3s;
    transform: scale(1.1);
  }


  .product-item>a:hover .product-img-content img:nth-child(2) {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
  }

  footer .footer-top .footer-info .social-media li a:hover {
    transition: 0.3s;
    transform: scale(1.2);
  }


  footer .footer-top .footer-menu ul li a:not(.contact-btn):hover {
    transition: 0.3s;
    transform: translateX(10px);
  }

  footer .footer-top .footer-menu ul li .contact-btn:hover {
    transition: 0.3s;
    background: #f24f29;
    color: #fff;
  }

  .favorite-empty-container .favorite-empty-right .favori-empty a:hover {
    transition: 0.3s;
    background: #f24f29;
  }

  .sepet-container .sepet-empty a:hover {
    transition: 0.3s;
    background: #ff3100;
    color: #fff !important;
  }

  .sepet-dolu-container .sepet-view .sepet-added .sepet-button .discount-btn:hover {
    transition: 0.3s;
    background: #ff3100;
    color: #fff;
  }

  .sepet-dolu-container .sepet-view .sepet-added .sepet-button .sepet-update:hover {
    transition: 0.3s;
    color: #263543;
    background: #ededed;
  }

  .sepet-dolu-container .sepet-payment a:hover {
    transition: 0.3s;
    background: #ff3100;
    color: #fff !important;
  }

  .product-evaluation-popup .product-counter .evaluation-btns>button.close-popup:hover {
    transition: 0.3s;
    color: #ededed;
    background: #151515;
  }

  .product-evaluation-popup .product-counter .evaluation-btns>button.submite:hover {
    transition: 0.3s;
    color: #151515;
    background: #ededed;
  }

  .product-evaluation-approval .product-evaluation-approval-container .popup-close .close-all-popup:hover {
    transition: 0.3s;
    background: #ededed;
    color: #151515;
  }

  .adres-list .adress-context a:hover {
    background: #fafafa;
    border: 1px solid #fff;
    color: #000;
  }

  button.save:hover {
    transition: 0.3s;
    background: #fff;
    color: #f24f28;
  }

  .order-fee .order-adress .adress .title a:hover {
    transition: 0.3s;
    color: #fff;
    background: #ededed;
  }

  .account-page-container .account-info .save:hover {
    transition: 0.3s;
    color: #f24f28;
    background: #fff;
  }

  .gift-code-container .gift-code .code span.copy-code:hover {
    transition: 0.3s;
    background: #ededed;
    color: #fff;
  }

  .breadcumb-top ul li a:hover {
    transition: 0.3s;
    color: #f24f29;
  }

  .produc-list-detail .product-info form .basket-add a:hover {
    transition: 0.3s;
    background: #ff3202;
    color: #fff !important;
  }

  .product-feature .feature-top ul li span:hover {
    transition: 0.3s;
    color: #f24f29;
  }

  .evaluation.feature-item .top .left .img-container .product-evaluation .make-evaluation:hover {
    transition: 0.3s;
    background: #f24f29;
  }

  .contact-top .left ul li>div .contact-info:hover {
    transition: 0.3s;
    color: #f24f29;
  }

  .captcha .captcha-button-holder .input-content a:hover {
    background: #ff3000 !important;
  }

  .contact-container-second .contact-bottom .right form .kvkk-text a:hover {
    color: #263543;
  }

  .captcha .submit input:hover {
    transition: 0.3s;
    background: #fff;
    color: #f24f29;
  }
}