/*  
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. blog css here
    04. blog details css here
    05. other css here
    06. footer css here
    07. about css here
    08. services page css here
*/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Dancing+Script:wght@400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

* {
  box-sizing: border-box;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box;
}



html, body {
  height: 100%;
  padding: 0;
 
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: 'DM Sans', sans-serif !important;
  color: #373737;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: 'DM Sans', sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}



.btn:focus {
  box-shadow: none;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button, input[type=submit] {
  cursor: pointer;
}


img {
  max-width: 100%;
  height: auto;
}

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

figure {
  padding: 0;
  margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.container {
  max-width: 1470px;
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 576px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.btn.btn-link {
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  padding: 0 45px;
  background: #373737;
  font-family: 'DM Sans', sans-serif;
  color: #ffffff;
  border-radius: 0;
  position: relative;
  z-index: 9;
  border: 0;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
}
@mediaonly screen and (min-width: 768px) and (max-width: 991px) {
  .btn.btn-link {
    line-height: 46px;
    height: 46px;
    padding: 0 22px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-link {
    font-size: 13px;
    line-height: 38px;
    height: 38px;
    padding: 0 18px;
  }
}
.btn.btn-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #AB6E35;
  transition: 0.3s;
}
.btn.btn-link:hover {
  color: #ffffff;
}
.btn.btn-link:hover::before {
  width: 100%;
}

.section_title h2 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
  text-transform: uppercase;
  color: #373737;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .section_title h2 {
    font-size: 22px;
    line-height: 33px;
  }
}
.section_title p {
  font-size: 18px;
  line-height: 30px;
  color: #666666;
  margin-top: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title p {
    font-size: 17px;
    line-height: 28px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .section_title p {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-105 {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-105 {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-105 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-90 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-90 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-90 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-60 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-60 {
    margin-bottom: 30px;
  }
}

/*--
  -  Fonts color
------------------------------*/
.text-black {
  color: #000000;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-grey {
  background-color: #f8f8f8;
}

.bluewood-bg {
  background: #354b65;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  background: #e5c592 none repeat scroll 0 0;
  bottom: 85px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 45px;
  line-height: 39px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 45px;
  z-index: 9999 !important;
  border-radius: 50%;
  border: 2px solid #e5c592;
  transition: 0.3s;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/*margin css here*/
.mb-175 {
  margin-bottom: 175px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-63 {
  margin-bottom: 63px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-10 {
  margin-bottom: 10px;
}

/*padding css here*/
.pb-100 {
  padding-bottom: 100px;
}

/* 01. header css here */
.body_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: progress;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
}
.body_overlay.active {
  opacity: 0.3;
  visibility: visible;
  cursor: default !important;
}

.offcanvas_menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas_menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas_menu {
    display: block;
  }
}

.offcanvas_menu_wrapper {
  width: 290px;
  position: fixed;
  background: #fff;
  z-index: 9999;
  top: 0;
  height: 100vh;
  transition: 0.5s;
  left: 0;
  margin-left: -300px;
  padding: 55px 15px 30px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper .header_top_contact {
  display: block;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  transform: rotate(180deg);
}

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.offcanvas_main_menu li span.menu-expand:hover {
  color: #AB6E35;
}
.offcanvas_main_menu li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ededed;
}
.offcanvas_main_menu li a:hover {
  color: #AB6E35;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}
.canvas_close {
  position: absolute;
  top: 15px;
  right: 25px;
}
.canvas_close a {
  font-size: 30px;
  transition: 0.7s;
  display: inline-block;
  transform: scale(1) rotate(0deg);
}
.canvas_close a:hover {
  color: #ffb83c;
  transform: scale(1.3) rotate(180deg);
}
.canvas_close a:hover {
  color: #AB6E35;
}

.canvas_open {
  display: none;

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas_open {
    display: block;
    z-index: 15;
    
  }
}
@media only screen and (max-width: 767px) {
  .canvas_open {
    display: block;
  }
}
.canvas_open a {
  font-size: 38px;
  display: flex;
  line-height: 16px;
}
.canvas_open a:hover {
  color: #AB6E35;
}

.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  animation-name: fadeInDown;
  animation-duration: 900ms;
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  border-bottom: 0;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}

/*header css heer*/
.header_section .container {
  max-width: 100%;
  background-image: url(../img/shutterstock/stock-photo-luxury-dark-brown-leather-background-240812344-transformed.jpeg);
  background-size:93%;
  height: 130px;
  z-index:99999999999 ;
  transition: top 0.5s ease;
}

.header_section {
  transition: top 0.5s ease;
  
}

.header_section.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index:10;
  
}



.header_logo {
  display: flex;

  z-index:99;}

.logo1 a{
display: block;
}


.logo2 a {
  display: block;
  position: relative;
  right: 100px;

}

.logo1 img {
  width: 110px;

  
}

.logo2 img {
  width: 80px;
  
}



.logo2   a:hover {
  
  transform: scale(1.2);
}

.logo1   a:hover {
 
  transform: scale(1.2);  
  }
  

@media only screen and (max-width: 767px) {
  .header_section .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}

.header_transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_transparent {
    position: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .header_transparent {
    position: inherit;
  }
}

.main_header {
  padding: 20px 0 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_header {
    padding: 35px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .main_header {
    padding: 30px 0;
  }
}

.page_search_box {
  position: fixed;
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 999;
  left: 0;
  top: 0;
  transition: 0.3s;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}
.page_search_box.active {
  height: 100%;
  opacity: 1;
  z-index: 99999999999999999999999999999999999;
  visibility: visible;
}
.page_search_box form {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page_search_box form {
    width: 90%;
  }
}
.page_search_box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #373737;
}
.page_search_box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #373737;
}
.page_search_box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #373737;
}
.page_search_box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #373737;
}
.page_search_box form input {
  width: 100%;
  background: none;
  height: 50px;
  font-size: 24px;
  color: #373737;
  font-weight: 400;
  padding: 0 50px 0 0;
}
@media only screen and (max-width: 767px) {
  .page_search_box form input {
    width: 90%;
    font-size: 16px;
  }
}
.page_search_box form button {
  position: absolute;
  bottom: 11px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  font-size: 20px;
}
.page_search_box form button:hover {
  color: #e5c592;
}
@media only screen and (max-width: 767px) {
  .page_search_box form button {
    font-size: 18px;
  }
}

.search_close {
  position: absolute;
  top: 50px;
  right: 100px;
}
@media only screen and (max-width: 767px) {
  .search_close {
    top: 22px;
    right: 30px;
  }
}
.search_close i {
  font-size: 20px;
  cursor: pointer;
  transform: scale(1) rotate(0deg);
  display: inline-block;
  transition: 0.5s;
}
.search_close i:hover {
  color: #e5c592;
  transform: scale(1.3) rotate(180deg);
}

@media only screen and (max-width: 575px) {
  .header_logo img {
    max-width: 112px;
  }
}

.main_menu nav > ul > li {
  margin-right: 45px;
  position: relative;
  z-index:99 ;
  
  
  
}


.custom-margin {
  margin-right: 30px ; /* İstenilen boşluk değeri */
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_menu nav > ul > li {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 25px;
  }
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
.main_menu nav > ul > li:hover ul.sub_menu {
  visibility: visible;
  opacity: 1;
  
}
.main_menu nav > ul > li:hover > a {
  color: #373737;
  opacity: initial !important;
}
.main_menu nav > ul > li:hover > a::before {
  width: 100%;
}
.main_menu nav > ul > li > a {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size:22px;
  line-height: 41px;
  text-transform: uppercase;
  color: rgb(20, 9, 0);
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li > a {
    font-size: 15px;
  }
}

.ripple-link {
  position: relative;
  display: inline-block;
}



.ripple-effect {
  /* Ortak CSS kodları */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999; /* Diğer öğelerin üzerinde kalacak şekilde yüksek bir değer atayın */
  opacity: 0;
  animation: ripple-animation 1.1s ease-out forwards;
}

@keyframes ripple-animation {
  0% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(55);
    opacity: 1;
  }
}

.ripple-effect.link1 {
  position: absolute;
  background-color: #AB6E35;
  border-radius: 50%;
 
 
  
}

.ripple-effect.link12 {
  position: absolute;
  background-color: #AB6E35;
  border-radius: 50%;
 
 
  
}

.ripple-effect.link2 {
  position: absolute;
  background-color: rgb(48, 48, 48);
  border-radius: 50%;
}

.ripple-effect.link22 {
  position: absolute;
  background-color: rgb(48, 48, 48);
  border-radius: 50%;
}



.main_menu nav > ul > li > a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: white;
  left: 0;
  top: 0;
  transition: 0.3s;
}
.main_menu nav > ul > li > a.active {
  font-weight: 900 !important;
  color: white !important;
}
.main_menu nav > ul > li > a.active::before {
  width: 100%;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 190px;
  padding: 18px 20px;
  background-image: url(../img/shutterstock/shutterstock_305456732.jpg);
  background-size: cover;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  right: auto;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: 0.3s;
  z-index: 99;
  border-radius: 20px;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 15px;
  font-weight: 600;
  display: block;
  line-height: 32px;
  text-transform: capitalize;
  color: #ffffffbb;
  top: 0;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #ab4735;
}

.header_account > ul > li {
  margin-right: 45px;
  z-index: 99999999;
}



.header_account > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li {
    margin-right: 20px;
  }
}
.header_account > ul > li.account_link_menu {
  position: relative;
  
}
.header_account > ul > li.account_link_menu:hover .dropdown_account_link {
  opacity: 1;
  visibility: visible;
  
}

.dropdown_account_link {
  position: absolute;
  right: 0;
  
  width: 110px;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ededed;
  padding: 10px 15px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.dropdown_account_link li a {
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
}
.dropdown_account_link li a:hover {
  color: #AB6E35;
}

/*mini cart css here*/
.mini_cart {
  position: fixed;
  width: 355px;
  height: 100%;
  padding: 20px 20px 33px;
  background: #fff;
  z-index: 999;
  right: 0;
  top: 0;
  transition: 0.5s;
  transform: translateX(100%);
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
}
.mini_cart.active {
  transform: translateX(0);
  z-index:  999999999999;
}
@media only screen and (max-width: 575px) {
  .mini_cart {
    width: 300px;
  }
}

.cart_close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}

.cart_text h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
}

.mini_cart_close > a {
  font-size: 25px;
}
.mini_cart_close > a:hover {
  color: #AB6E35;
}

.cart_img {
  width: 90px;
  margin-right: 10px;
  border: 1px solid transparent;
}
.cart_img:hover {
  border-color: #AB6E35;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_img {
    width: 70px;
  }
}

.cart_info {
  width: 63%;
}
.cart_info a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_info a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_info a {
    font-size: 13px;
  }
}
.cart_info a:hover {
  color: #AB6E35;
}
.cart_info p {
  font-size: 12px;
}
.cart_info p span {
  font-weight: 600;
}

.cart_remove a {
  font-size: 15px;
  display: block;
  line-height: 20px;
  text-align: center;
}
.cart_remove a:hover {
  color: #AB6E35;
}

.cart_item {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
}

.mini_cart_table {
  padding: 23px 0;
}

.cart_total {
  display: flex;
  justify-content: space-between;
}
.cart_total span {
  font-size: 14px;
  font-weight: 400;
}
.cart_total span.price {
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_total span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_total span {
    font-size: 13px;
  }
}

.cart_button:first-child {
  margin-bottom: 15px;
}
.cart_button a {
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  background: #eef0f1;
  display: block;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0;
  padding: 13px 0px 11px;
  border: 1px solid #ededed;
}
.cart_button a:hover {
  background: #AB6E35;
  border-color: #AB6E35;
  color: #fff;
}

/*mini cart css end*/
.header_style2 .header_account {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_style2 .header_account {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header_style2 .header_account {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_style2 .header_account {
    margin-left: 0;
  }
}
.header_style2 .main_menu nav > ul > li {
  margin-right: 55px;
}
.header_style2 .main_menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_style2 .main_menu nav > ul > li {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_style2 .main_menu nav > ul > li {
    margin-right: 25px;
  }
}
.header_style2 .main_menu nav > ul > li > a::before {
  display: none;
}

.header_other .main_header {
  padding: 30px 0;
}

/*  06. footer css here */
.footer_bg {
  background: #F9F9F9;
}

.main_footer {
  padding: 76px 0 84px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_footer {
    flex-direction: column;
    padding: 72px 0 76px;
  }
}
@media only screen and (max-width: 767px) {
  .main_footer {
    flex-direction: column;
    align-items: start !important;
    padding: 53px 0 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_left {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_left {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_left {
    text-align: center;
    width: 100%;
  }
}

.footer_social {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_social {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_social {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_social ul {
    justify-content: center;
  }
}
.footer_social ul li {
  margin-right: 40px;
}
.footer_social ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_social ul li {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_social ul li {
    margin-right: 20px;
  }
}
.footer_social ul li a {
  font-size: 20px;
  color: #9F9F9F;
}
.footer_social ul li a:hover {
  color: #AB6E35;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_sidebar {
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .footer_sidebar {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.footer_widget_list {
  margin-right: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer_widget_list {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widget_list {
    margin-right: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widget_list {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widget_list {
    margin-right: 30px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_widget_list {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.footer_widget_list:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .footer_widget_list:last-child {
    width: 100%;
  }
}

.footer_widget_title {
  margin-bottom: 31px;
}
@media only screen and (max-width: 767px) {
  .footer_widget_title {
    margin-bottom: 19px;
  }
}
.footer_widget_title h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #373737;
  margin-bottom: 0;
  font-family: 'DM Sans', sans-serif;
}

.footer_menu ul li {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li {
    margin-bottom: 8px;
  }
}
.footer_menu ul li:last-child {
  margin-bottom: 0;
}
.footer_menu ul li a {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #9F9F9F;
  font-family: 'DM Sans', sans-serif;
}
.footer_menu ul li a:hover {
  color: #AB6E35;
}

.footer_bottom {
  border-top: 1px solid #C4C4C4;
  padding: 15px 0;
}

@media only screen and (max-width: 767px) {
  .copyright_right {
    text-align: center;
  }
}
.copyright_right p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  word-spacing: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .copyright_right p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright_right p {
    line-height: 25px;
  }
}
.copyright_right p i {
  font-size: 16px;
  color: #D38C8A;
  vertical-align: middle;
  margin: 0 4px;
}
.copyright_right p a {
  color: #D1C289;
}
.copyright_right p a:hover {
  color: #e5c592;
}

@media only screen and (max-width: 575px) {
  .instagram_inner {
    justify-content: center;
  }
}

.instagram_shop {
  margin-top: 33px;
}
.instagram_shop h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  color: #373737;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 21px;
}

.instagram_img {
  margin-right: 10px;
  overflow: hidden;
}
.instagram_img:last-child {
  margin-right: 0;
}
.instagram_img img {
  transition: 0.3s;
}
.instagram_img:hover img {
  transform: scale(1.08);
}

.newsletter_subscribe form {
  position: relative;
  width: 100%;
}
.newsletter_subscribe form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666666;
}
.newsletter_subscribe form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}
.newsletter_subscribe form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
}
.newsletter_subscribe form input:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}
.newsletter_subscribe form input {
  width: 100%;
  height: 32px;
  border: 0;
  background: #ffffff;
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  padding: 0 78px 0 16px;
  font-family: 'DM Sans', sans-serif;
}
.newsletter_subscribe form input:focus {
  color: #000000;
}
.newsletter_subscribe form input:focus::-webkit-input-placeholder {
  color: #000000;
}
.newsletter_subscribe form button {
  position: absolute;
  right: 10px;
  top: 50%;
  background: inherit;
  color: #666666;
  font-size: 11px;
  font-weight: 700;
  padding: 0;
  border: 0;
  text-align: center;
  transform: translatey(-50%);
}
.newsletter_subscribe form button:hover {
  color: #AB6E35;
}

.mailchimp-error {
  text-align: center;
  color: green;
}

.mailchimp-success {
  text-align: center;
  color: green;
}
.mailchimp-success.active {
  padding-top: 10px;
}

.footer_bg2 {
  background: #1A1A1A;
}

.footer_style2 .footer_widget_title h3 {
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_style2 .footer_widget_list {
    margin-right: 55px;
  }
  .footer_style2 .footer_widget_list:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_style2 .main_footer {
    flex-direction: row;
    justify-content: space-between !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer_style2 .main_footer {
    padding: 57px 0 26px;
    flex-direction: row;
    justify-content: space-between !important;
    flex-wrap: wrap;
  }
}

.newsletter_style2 form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
}
.newsletter_style2 form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
.newsletter_style2 form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
}
.newsletter_style2 form input:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}
.newsletter_style2 form input {
  color: #ffffff;
  background: #474747;
  width: 250px;
}
@media only screen and (max-width: 767px) {
  .newsletter_style2 form input {
    width: 100%;
  }
}
.newsletter_style2 form input:focus {
  color: #ffffff;
}
.newsletter_style2 form input:focus::-webkit-input-placeholder {
  color: #ffffff;
}
.newsletter_style2 form button {
  color: #ffffff;
}

.footer_bottom2 {
  background: #292929;
  border-top: 0;
  padding: 13px 0;
}
.footer_bottom2 .copyright_right p {
  color: #9F9F9F;
  font-size: 13px;
  word-spacing: 1px;
}
.footer_bottom2 .copyright_right p a {
  color: #9F9F9F;
}

/* 05. other css here */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_section.mb-175 {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_section.mb-175 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .choice_section.mb-175 {
    margin-bottom: 52px;
  }
}

.choice_section{
  margin-bottom: 4cm;
  margin-top: 8cm;
}


.choice_container .row {
  margin-right: -60px;
  margin-left: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .choice_container .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_container .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_container .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .choice_container .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}

.choice_slick > button {
  font-size: 25px;
  position: absolute;
  z-index: 9;
  top: 50%;
  left: -42px;
  width: 35px;
  height: 35px;
  padding: 0;
  transform: translatey(-50%);
  opacity: 1;
  color: #000000;
  border: 1px solid #ababab;
  background: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .choice_slick > button {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_slick > button {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_slick > button {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .choice_slick > button {
    font-size: 20px;
    left: 0;
    width: 28px;
    height: 28px;
  }
}
.choice_slick > button.next_arrow {
  right: -42px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .choice_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .choice_slick > button.next_arrow {
    right: 0;
  }
}
.choice_slick .col-lg-4 {
  padding-right: 60px;
  padding-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .choice_slick .col-lg-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_slick .col-lg-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_slick .col-lg-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .choice_slick .col-lg-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.choice_slick .choice_thumb {
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .choice_slick .choice_thumb img {
    margin: 0 auto;
  }
}

.single_choice {
  text-align: center;
}

.choice_text {
  padding-top: 26px;
}
.choice_text h4 {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choice_text h4 {
    font-size: 18px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choice_text h4 {
    font-size: 17px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .choice_text h4 {
    font-size: 17px;
    line-height: 25px;
  }
}
.choice_text h4 a {
  color: #676767;
}
.choice_text h4 a:hover {
  color: #AB6E35;
}

@media only screen and (max-width: 767px) {
  .shipping_inner {
    flex-direction: column;
  }
}



@media only screen and (max-width: 1024px) {
  .single_shipping {
    flex-direction: column; /* 1024px ekran genişliğinde düşey düzen kullan */
    align-items: center; /* Elemanları düşeyde ortala */
  }

  .single_shipping img {
    margin-right: 0; /* 1024px ekran genişliğinde resimlerin yanında boşluk bırakma */
    margin-bottom: 20px; /* Resimlerin altına bir boşluk bırak */
  }
}

.single_shipping {
  margin-right: 30px;
}
.single_shipping:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .single_shipping {
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .single_shipping:last-child {
    margin-bottom: 0;
  }
}

.single_shipping {
  position: relative;
  /* Diğer stiller ... */
  
}

.shipping_content {
  position: relative;
  z-index: 1;
  min-height: 300px; /* Resmin container'ına min-height vererek boyutunun değişmemesini sağlayın */
}

.single_shipping::before {
  content: "";
  position: absolute;
  top: -104px; /* shipping_section üstündeki padding kadar yukarıda başlasın */
  left: -105px; /* 20px sola uzat */
  width: calc(100% + 210px); /* Toplamda 40px genişlet */
  height: calc(100% + 186px); /* Top ve bottom paddingi dahil et */
  background-size: cover;
  background-position: center;
 

  
}

.single_shipping.shipping1::before {
 background-image: url('../img/shutterstock/shutterstock_1447423943.jpg'); 
 border-radius: 20px 0 0 20px;

}

.single_shipping.shipping2::before {
  background-image: url('../img/shutterstock/shutterstock_504382438.jpg');
}

.single_shipping.shipping3::before {
  background-image: url('../img/masq-photo/MasMercantile-Final-1.jpg');
  border-radius: 0 20px 20px 0;
}

.single_shipping::before  {
  opacity: 0.7;
}

.single_shipping .shipping_title h3,
.single_shipping .shipping_desc p {
  color: #000000; /* İstediğiniz renk kodunu kullanın */
  font-weight: 700;
}

.shipping_section {
  padding: 124px 0 102px;
  background: #f9f9f9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_section {
    padding: 80px 0 77px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_section {
    padding: 60px 0 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_section.mb-105 {
    margin-bottom: 73px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_section.mb-105 {
    margin-bottom: -55px;
  }
}

.shipping_title {
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .shipping_title {
    justify-content: center;
    margin-bottom: 14px;
  }
}
.shipping_title img {
  min-width: 30px;
  margin-right: 18px;
  z-index: 2;
}
.shipping_title h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 0;
  text-transform: capitalize;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shipping_title h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_title h3 {
    font-size: 18px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_title h3 {
    font-size: 18px;
    line-height: 30px;
  }
}



.shipping_desc {
  position: relative;
  z-index: 1; /* shipping_desc içeriğini metnin üstte olmasını sağlamak için yükseltin */
}

.shipping_desc p {
  font-size: 20px;
  

  line-height: 38px;
  color: #676767;
  
 
  white-space: nowrap; /* Metni tek bir satırda tutar */
  position: relative; /* shipping_desc içeriği için pozisyonu göreceli yapın */
  z-index: 2; /* shipping_desc içeriğini metnin üzerine getirin */
  max-width: 352px; /* Örnek bir maksimum genişlik değeri */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shipping_desc p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_desc p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_desc p {
    font-size: 16px;
    line-height: 32px;
  }
}

.featured_banner_section {
  margin-bottom: 134px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured_banner_section {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured_banner_section {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .featured_banner_section {
    margin-bottom: 25px;
  }
}

.featured_thumb {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .featured_thumb {
    margin-bottom: 30px;
  }
}
.featured_thumb:hover img {
  transform: scale(1.05);
}
.featured_thumb img {
  width: 100%;
  transition: 0.3s;
}

.featured_text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 14px 45px;
  background: #ffffff;
}
.featured_text h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #373737;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_section.mb-75 {
    margin-bottom: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_section.mb-75 {
    margin-bottom: 45px;
  }
}

.testimonial_desc {
  display: flex;
  margin-bottom: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_desc {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_desc {
    margin-bottom: 11px;
  }
}
.testimonial_desc img {
  width: 58px;
  height: 47px;
  margin-top: 12px;
  margin-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_desc img {
    width: 49px;
    height: 41px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_desc img {
    width: 44px;
    height: 37px;
    margin-top: 9px;
    margin-right: 21px;
  }
}
.testimonial_desc p {
  font-size: 20px;
  font-weight: normal;
  line-height: 200%;
  color: #676767;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_desc p {
    font-size: 16px;
    line-height: 192%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_desc p {
    font-size: 15px;
    line-height: 186%;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_desc p {
    font-size: 15px;
    line-height: 179%;
  }
}

.testimonial_author {
  display: flex;
  align-items: center;
}
.testimonial_author img {
  width: 55px;
  height: 55px;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .testimonial_author img {
    width: 50px;
    height: 50px;
    margin-right: 19px;
  }
}
.testimonial_author h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 0;
}
.testimonial_author h3 a {
  color: #ab6e35;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_author h3 {
    font-size: 18px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_author h3 {
    font-size: 17px;
    line-height: 19px;
  }
}

.testimonial_container .swiper-pagination {
  position: inherit;
  margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_container .swiper-pagination {
    margin-top: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_container .swiper-pagination {
    margin-top: 30px;
  }
}
.testimonial_container .swiper-pagination span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 12px;
  cursor: pointer;
}
.testimonial_container .swiper-pagination .swiper-pagination-bullet-active {
  background: #000000;
}

.banner_advice_section {
  position: relative;
  background: #f9f9f9;
  
  margin-top: 7cm;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_advice_section.mb-100 {
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_advice_section.mb-100 {
    margin-bottom: 55px;
  }
}

.banner_advice_inner {
  position: relative;
  padding: 205px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_advice_inner {
    padding: 162px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_advice_inner {
    padding: 174px 0 110px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_advice_inner {
    padding: 0px 0;
  }
}

.banner_position_img {
  position: absolute;
  z-index: 9;
  bottom: -174px;
  left: 0;
  right: 0;
  background-attachment: fixed !important;
  
}

.banner_position_img .divcik {
  width: 100% ; /* Eklenen kod: Resmin genişliğini tam ekran genişliğine çeker */
  height:1250px ; /* Eklenen kod: Resmin oranını koruyarak yüksekliği otomatik ayarlar */
  background-size: cover;
  
  background-attachment: fixed !important;
  background-image: url(./1186134823-huge.jpg);
  
 
}

.banner_advice_section .containter{
  max-width: unset !important;
 
}
@media only screen and (max-width: 767px) {
  .banner_position_img {
    position: inherit;
    right: 0;
    bottom: 0;
    padding: 0 0px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .banner_position_img {
    position: inherit;
    right: 0;
    left: 0;
    padding: 0 0px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_position_img img {
    max-width: 580px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_position_img img {
    max-width: 460px;
  }
}

.banner_advice_text {
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .banner_advice_text {
    margin-bottom: 35px;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .banner_advice_text {
    margin-bottom: 20px;
  }
}
.banner_advice_text h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 32px;
  font-weight: normal;
  line-height: 48px;
  margin-bottom: 35px;
  text-transform: uppercase;
  color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_advice_text h3 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_advice_text h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 17px;
  }
}

.banner_position_text {
  position: absolute;
  top: 20%;
  left: 31%;
  transform: translate(-50%, -50%);
  z-index: 10;
  
  display: flex;
  width: 50% !important;
  
}



@media only screen and (max-width: 767px) {
  .banner_position_text {
    top: 34%;
    right: 0;
    left: 0;
    padding: 0 20px;
    text-align: center;
  }
}
.banner_position_text h2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 220px;
  font-weight: 500;
  line-height: 225px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffffcb;
  white-space: nowrap; /* Yazıyı tek satırda sabit tutar */
  display: block;
  
 
}

#element{
  font-family: 'DM Sans', sans-serif;
  font-size:170px;
  font-weight: 500;
  line-height: 225px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffffcb;
  white-space: nowrap; /* Yazıyı tek satırda sabit tutar */
  animation: fadeText 9s infinite;
  text-shadow: 2px 2px 0px rgb(127, 69, 11); /* Siyah gölge ekler */

  
}


.footer_left {
  display: flex;
  flex-direction: column;
  align-items: center; /* Yatay olarak ortalar */
}



.footer_social ul {
  display: flex;
  justify-content: center; /* Sosyal medya ikonlarını yatay olarak ortalar */
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: 0.35cm;
}

.footer_social ul li {
  margin: 0 10px; /* İkonlar arasına boşluk bırakır, isteğe göre ayarlayabilirsiniz */
}





@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Lugrasimo&display=swap');

.text1{
  font-family: 'DM Sans', sans-serif;
  font-weight: 900;
}



.text2{
  font-family: 'DM Sans', sans-serif;
  font-weight: 900;
}

.text3{

  font-family: 'DM Sans', sans-serif;
  font-weight: 900;
}



@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_position_text h2 {
    font-size: 155px;
    line-height: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_position_text h2 {
    font-size: 80px;
    line-height: 125px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_position_text h2 {
    font-size: 60px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_position_text h2 {
    font-size: 50px;
    line-height: 75px;
  }
}

.welcome_befurniture_area {
  margin-bottom: 162px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome_befurniture_area {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .welcome_befurniture_area {
    margin-bottom: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .welcome_befurniture {
    flex-direction: column;
  }
}

.befurniture_thumb {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .befurniture_thumb {
    width: 100%;
    margin-bottom: 30px;
  }
}

.befurniture_text {
  width: 50%;
  padding-left: 135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .befurniture_text {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text {
    width: 100%;
    padding: 0 15px;
    padding-left: 0;
    text-align: center;
  }
}
.befurniture_text h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 94.3%;
  margin-bottom: 36px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .befurniture_text h3 {
    margin-bottom: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text h3 {
    font-size: 28px;
    line-height: 89.3%;
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .befurniture_text h3 {
    font-size: 22px;
  }
}
.befurniture_text p {
  font-size: 20px;
  font-weight: normal;
  line-height: 200%;
  margin-bottom: 52px;
  color: #676767;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .befurniture_text p {
    font-size: 18px;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text p {
    font-size: 16px;
    line-height: 199%;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text p {
    font-size: 14px;
    line-height: 193%;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text p {
    font-size: 17px;
    line-height: 184%;
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .befurniture_text p {
    font-size: 14px;
  }
}
.befurniture_text ul {
  margin-bottom: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .befurniture_text ul {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text ul {
    margin-bottom: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text ul {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text ul {
    margin-bottom: 36px;
  }
}
.befurniture_text ul li {
  margin-bottom: 31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .befurniture_text ul li {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text ul li {
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text ul li {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text ul li {
    margin-bottom: 16px;
  }
}
.befurniture_text ul li:last-child {
  margin-bottom: 0;
}
.befurniture_text ul li img {
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .befurniture_text ul li img {
    margin-right: 26px;
  }
}
.befurniture_text ul li span {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  display: inline-block;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .befurniture_text ul li span {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .befurniture_text ul li span {
    font-size: 17px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .befurniture_text ul li span {
    font-size: 18px;
    line-height: 28px;
  }
}

.modern_banner_section {
  position: relative;
  background: #f1f6f5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern_banner_section {
    margin-bottom: 73px;
  }
}
@media only screen and (max-width: 767px) {
  .modern_banner_section {
    margin-bottom: 57px;
  }
}
.modern_banner_section .banner_advice_inner {
  padding: 205px 0 260px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modern_banner_section .banner_advice_inner {
    padding: 205px 0 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern_banner_section .banner_advice_inner {
    padding: 125px 0 165px;
  }
}
@media only screen and (max-width: 767px) {
  .modern_banner_section .banner_advice_inner {
    padding: 57px 0 60px;
  }
}

@media only screen and (max-width: 767px) {
  .modern_advice_text {
    margin-bottom: 35px;
  }
}
.modern_advice_text h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 94.3%;
  margin-bottom: 23px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern_advice_text h3 {
    font-size: 30px;
    line-height: 88.3%;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .modern_advice_text h3 {
    font-size: 27px;
    line-height: 94.3%;
    margin-bottom: 12px;
  }
}
.modern_advice_text p {
  font-size: 20px;
  font-weight: normal;
  line-height: 200%;
  margin-bottom: 26px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modern_advice_text p {
    font-size: 18px;
    line-height: 194%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern_advice_text p {
    font-size: 17px;
    line-height: 187%;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .modern_advice_text p {
    font-size: 17px;
    line-height: 187%;
    margin-bottom: 19px;
  }
}
.modern_advice_text a.btn.btn-link {
  color: #000000;
  background: #eab429;
}
.modern_advice_text a.btn.btn-link:hover {
  color: #ffffff;
}
.modern_advice_text a.btn.btn-link::before {
  background: #000000;
}

.banner_position_img2 {
  position: absolute;
  top: 60px;
  left: 13%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_position_img2 {
    left: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_position_img2 {
    left: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_position_img2 {
    left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .banner_position_img2 {
    position: inherit;
    top: inherit;
    left: inherit;
    padding: 0 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_position_img2 img {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_position_img2 img {
    max-width: 382px;
  }
}

.instagram_section {
  margin-bottom: 66px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_section {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_section {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_inner2 {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_inner2 {
    flex-direction: column;
  }
}

.instagram_section .container {
  max-width: 1330px;
}
@media only screen and (max-width: 767px) {
  .instagram_section .container {
    max-width: 576px;
  }
}

.instagram_gallery {
  position: relative;
  top: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram_gallery {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_gallery {
    top: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_gallery {
    top: inherit;
    width: 100%;
  }
}

.instagram_gallery_list {
  margin-bottom: 20px;
}
.instagram_gallery_list:last-child {
  margin-bottom: 0;
}
.instagram_gallery_list .instagram_img {
  margin-right: 20px;
}
.instagram_gallery_list .instagram_img:last-child {
  margin-right: 0;
}

.instagram_text {
  margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram_text {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
}
.instagram_text h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 17px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_text h3 {
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_text h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
.instagram_text h3 span {
  font-size: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_text h3 span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_text h3 span {
    font-size: 28px;
  }
}
.instagram_text p {
  font-size: 20px;
  font-weight: normal;
  line-height: 143%;
  opacity: 0.5;
  color: #676767;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram_text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_text p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_text p {
    font-size: 16px;
  }
}

/* 03. blog css here */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_section.mb-100 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_section.mb-100 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_blog {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single_blog {
    margin-bottom: 30px;
  }
}

.blog_thumb {
  overflow: hidden;
}
.blog_thumb img {
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .blog_thumb img {
    width: 100%;
  }
}
.blog_thumb:hover img {
  transform: scale(1.05);
}

.blog_content {
  padding-top: 23px;
}
.blog_content > h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.blog_content > h3 a:hover {
  color: #AB6E35;
}

.blog_meta {
  margin-bottom: 20px;
}
.blog_meta ul li {
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  color: #666666;
  margin-right: 15px;
}
.blog_meta ul li:last-child {
  margin-right: 0;
}
.blog_meta ul li img {
  margin-right: 7px;
}

.blog_footer a.btn.btn-link {
  height: 32px;
  line-height: 30px;
  border: 1px solid #E0E0E0;
  font-size: 11px;
  text-transform: capitalize;
  font-weight: 500;
  background: #ffffff;
  color: #373737;
  padding: 0 20px;
}
.blog_footer a.btn.btn-link::before {
  display: none;
}
.blog_footer a.btn.btn-link:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}

.breadcrumbs_area.breadcrumbs__bg {
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_area.breadcrumbs__bg {
    padding: 14px 0 50px;
  }
}

.blog_list {
  margin-bottom: 188px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_list {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_list {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_list {
    margin-bottom: 60px;
  }
}

.blog_list_bg {
  background: #F9F9F9;
  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_list_bg {
    padding: 110px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_list_bg {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog_list_bg {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .single_blog_page {
    flex-direction: column;
  }
}

.blog_page_thumb {
  width: calc(100% - 825px);
  display: grid;
  place-items: center;
}

.blog_page_thumb img {
  max-height: 600px;
  align-items: center;
  max-width: 800px;
 
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_thumb {
    width: calc(100% - 650px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_thumb {
    width: calc(100% - 535px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_thumb {
    width: calc(100% - 392px);
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_thumb {
    width: 100%;
  }
}

.blog_page_content {
  width: 825px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_content {
    width: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content {
    width: 535px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content {
    width: 392px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content {
    width: 100%;
    text-align: center;
  }
}
.blog_page_content span {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  color: #3E3E3E;
  margin-bottom: 23px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content span {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content span {
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content span {
    margin-bottom: 9px;
  }
}
.blog_page_content h3 {
  font-weight: normal;
  font-size: 44px;
  line-height: 59px;
  letter-spacing: -1.62963px;
  color: #434343;
  margin-bottom: 23px;
}
.blog_page_content h3 a:hover {
  color: #AB6E35;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_content h3 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content h3 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content h3 {
    font-size: 27px;
    line-height: 36px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content h3 {
    font-size: 27px;
    line-height: 37px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_page_content h3 {
    font-size: 22px;
    line-height: 33px;
  }
}
.blog_page_content p {
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
  color: #434343;
  margin-bottom: 57px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_content p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content p {
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 23px;
  }
}
.blog_page_content a.btn.btn-link {
  border: 2px solid #979797;
  background: inherit;
  color: #434343;
  padding: 0 46px;
  line-height: 46px;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 18px;
}
.blog_page_content a.btn.btn-link::before {
  display: none;
}
.blog_page_content a.btn.btn-link:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content a.btn.btn-link {
    padding: 0 35px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content a.btn.btn-link {
    padding: 0 25px;
    line-height: 42px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content a.btn.btn-link {
    padding: 0 20px;
    line-height: 34px;
    font-size: 15px;
  }
}
.blog_page_content.left {
  padding-left: 138px;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_content.left {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content.left {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content.left {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content.left {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_page_content.left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog_page_content.right {
  padding-left: 100px;
  padding-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_page_content.right {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_content.right {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_content.right {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_content.right {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_page_content.right {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 04. blog details css here */
.blog_details_section {
  margin-bottom: 148px;
}
.blog_details_section .container {
  max-width: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_section {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_section {
    margin-bottom: 60px;
  }
}

.blog__sticky {
  padding: 0 110px;
  margin-bottom: 102px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog__sticky {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__sticky {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__sticky {
    padding: 0;
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__sticky {
    padding: 0;
    margin-bottom: 52px;
  }
}

.blog_sticky_thumb {
  position: relative;
  display: grid;
  place-items: center;
  margin-top:2cm;
}

.blog_sticky_thumb img {
  max-height: 800px;
  max-width: 800px;
}
@media only screen and (max-width: 575px) {
  .blog_sticky_thumb img {
    height: 160px;
    object-fit: cover;
  }
}

.blog_sticky_text {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translatey(-50%);
}
@media only screen and (max-width: 767px) {
  .blog_sticky_text {
    padding: 0 20px;
  }
}

.blog_sticky_text h2 {
  font-weight: normal;
  font-size: 44px;
  line-height: 54px;
  text-align: center;
  color: #FFFFFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .blog_sticky_text h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_sticky_text h2 {
    font-size: 36px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_sticky_text h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_sticky_text h2 {
    font-size: 30px;
    line-height: 43px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_sticky_text h2 {
    font-size: 25px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .blog_details_content {
    text-align: center;
  }
}

.blog_details_title h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 32px;
  color: #212121;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_title h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_title h2 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_title h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_details_title h2 {
    font-size: 22px;
    line-height: 34px;
  }
}

.blog_d_meta {
  margin-bottom: 10px;
}
.blog_d_meta span {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  color: #3E3E3E;
}

.blog_details_desc p {
  font-weight: normal;
  font-size: 16px;
  line-height: 38px;
  color: #434343;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_desc p {
    font-size: 15px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_desc p {
    font-size: 15px;
    line-height: 32px;
  }
}
.blog_details_desc h4 {
  font-weight: normal;
  font-size: 36px;
  line-height: 39px;
  color: #212121;
  margin-bottom: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_desc h4 {
    font-size: 32px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_desc h4 {
    font-size: 27px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_desc h4 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}

.blog_details_blockquote {
  padding: 100px 0;
}
@media only screen and (max-width: 575px) {
  .blog_details_blockquote blockquote {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_blockquote {
    padding: 70px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_blockquote {
    padding: 51px 0 34px;
  }
}
.blog_details_blockquote img {
  margin-right: 55px;
  width: 132px;
  height: 110px;
}
@media only screen and (max-width: 767px) {
  .blog_details_blockquote img {
    margin-right: 28px;
    width: 94px;
    height: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_details_blockquote img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.blog_details_blockquote h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 49px;
  color: #434343;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_blockquote h4 {
    font-size: 28px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_blockquote h4 {
    font-size: 24px;
    line-height: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_blockquote h4 {
    font-size: 21px;
    line-height: 35px;
  }
}

.blog_post_nav {
  margin-bottom: 76px;
}
@media only screen and (max-width: 767px) {
  .blog_post_nav {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_post_nav {
    flex-direction: column;
  }
}

.right_post_nav .post_nav_link {
  text-align: right;
}
@media only screen and (max-width: 575px) {
  .right_post_nav .post_nav_top {
    justify-content: flex-end;
    margin-top: 20px;
  }
}

.post_nav_text.right {
  text-align: right;
  margin-right: 30px;
}
.post_nav_text.left {
  margin-left: 20px;
}
.post_nav_text h4 {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #434343;
  margin-bottom: 2px;
}
.post_nav_text span {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #434343;
  display: inline-block;
}

.post_nav_link {
  margin-top: 17px;
}
@media only screen and (max-width: 575px) {
  .post_nav_link {
    text-align: left;
  }
}
.post_nav_link a {
  font-weight: bold;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0.714286px;
  text-transform: uppercase;
  color: #434343;
}

.post_tags_social {
  padding: 50px 0 40px;
}
@media only screen and (max-width: 575px) {
  .post_tags_social {
    flex-direction: column;
  }
}

@media only screen and (max-width: 575px) {
  .post_tags {
    margin-bottom: 20px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.post_tags span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #434343;
  text-transform: capitalize;
  margin-right: 15px;
}
@media only screen and (max-width: 575px) {
  .post_tags span {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .post_tags ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.post_tags ul li {
  margin-right: 8px;
}
.post_tags ul li:last-child {
  margin-right: 0;
}
.post_tags ul li a {
  padding: 8px 21px;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #434343;
  display: inline-block;
  border: 1px solid #D3D3D3;
}
.post_tags ul li a:hover {
  color: #AB6E35;
}
@media only screen and (max-width: 575px) {
  .post_tags ul li a {
    padding: 8px 18px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .post__social {
    justify-content: center;
  }
}
.post__social span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #434343;
  text-transform: capitalize;
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .post__social ul {
    justify-content: center;
  }
}
.post__social ul li {
  margin-right: 18px;
}
.post__social ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .post__social ul li {
    margin-right: 10px;
  }
}

.comments_box {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_box {
    margin-bottom: 71px;
  }
}
@media only screen and (max-width: 767px) {
  .comments_box {
    margin-bottom: 56px;
  }
}

.comments_title {
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .comments_title {
    margin-bottom: 30px;
  }
}
.comments_title h2 {
  font-weight: normal;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.9px;
  color: #212121;
  margin-block-end: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_title h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .comments_title h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .comments_title h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

.comment_list {
  overflow: hidden;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .comment_list {
    flex-direction: column;
  }
}
.comment_list:last-child {
  margin-bottom: 0;
}
.comment_list .comment_thumb {
  width: 76px;
  margin-right: 30px;
}
@mediaonly screen and (max-width: 767px) {
  .comment_list .comment_thumb {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_thumb {
    margin: 0 auto 20px;
  }
}
.comment_list .comment_thumb img {
  border-radius: 50%;
}
.comment_list .comment_meta {
  margin-bottom: 11px;
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_meta {
    flex-direction: column;
  }
}
.comment_list .comment_content {
  width: calc(100% - 76px);
  padding: 35px 42px;
}
@media only screen and (max-width: 767px) {
  .comment_list .comment_content {
    padding: 23px 25px;
  }
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_content {
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
    padding: 20px 17px 24px;
    text-align: center;
  }
}
.comment_list .comment_content h5 {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #212121;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .comment_list .comment_content h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_content h5 {
    margin-bottom: 8px;
  }
}
.comment_list .comment_content h5 span {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #9B9B9B;
  font-family: 'DM Sans', sans-serif;
  margin-left: 15px;
}
.comment_list .comment_content p {
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  color: #212121;
  margin-bottom: 0;
}
.comment_list .comment_content a {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 22px;
  display: inline-block;
  text-transform: uppercase;
}
.comment_list .comment_content a:hover {
  color: #da4326;
}

.section_title{
  padding-bottom: 20px;
}

.comments_form .section_title {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .comments_form .section_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .comments_form .section_title {
    text-align: center;
  }
}
.comments_form .section_title h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .comments_form .section_title h2 {
    font-size: 20px;
    line-height: 20px;
  }
}

.comments_form_input {
  margin-bottom: 23px;
}
.comments_form_input label {
  font-size: 14px;
  line-height: 26px;
  color: #999999;
  display: block;
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .comments_form_input label {
    font-size: 13px;
    line-height: 17px;
  }
}
.comments_form_input label span {
  color: #ff3366;
}
.comments_form_input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #212121;
}
.comments_form_input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #212121;
}
.comments_form_input input:-ms-input-placeholder {
  /* IE 10+ */
  color: #212121;
}
.comments_form_input input:-moz-placeholder {
  /* Firefox 18- */
  color: #212121;
}
.comments_form_input input {
  width: 100%;
  height: 58px;
  font-size: 16px;
  padding: 0 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
}
.comments_form_input input:focus {
  color: #000000;
}
.comments_form_input input:focus::-webkit-input-placeholder {
  color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form_input input {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .comments_form_input input {
    width: 100%;
    height: 45px;
  }
}
.comments_form_input textarea {
  width: 100%;
  padding: 10px;
  height: 188px;
  font-size: 16px;
  color: #999999;
  padding: 20px;
  resize: none;
  color: #212121;
}
.comments_form_input textarea:focus {
  color: #000000;
}
.comments_form_input textarea:focus::-webkit-input-placeholder {
  color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form_input textarea {
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .comments_form_input textarea {
    height: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .comments_form_input textarea {
    height: 70px;
  }
}

.comments_form_inner button.btn.btn-link {
  margin-top: 8px;
  padding: 0 38px;
  height: 64px;
  line-height: 60px;
  border: 2px solid #dee2e6;
  background: inherit;
  color: #434343;
}
@media only screen and (max-width: 767px) {
  .comments_form_inner button.btn.btn-link {
    margin-top: 0;
  }
}
.comments_form_inner button.btn.btn-link::before {
  display: none;
}
.comments_form_inner button.btn.btn-link:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .comments_form_inner button.btn.btn-link {
    padding: 0 30px;
    height: 50px;
    line-height: 46px;
  }
}

/*blog details css end*/
.contact_page_section {
  margin-bottom: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_page_section {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page_section {
    margin-bottom: 60px;
  }
}

.contact_map {
  margin-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_map {
    margin-bottom: 67px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_map {
    margin-bottom: 48px;
  }
}
.contact_map iframe {
  height: 480px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_map iframe {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_map iframe {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .form_input_inner {
    flex-wrap: wrap;
  }
}

.form_input {
  width: 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.form_input:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .form_input {
    width: 100%;
    margin-right: 0;
  }
}
.form_input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #676767;
}
.form_input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #676767;
}
.form_input input:-ms-input-placeholder {
  /* IE 10+ */
  color: #676767;
}
.form_input input:-moz-placeholder {
  /* Firefox 18- */
  color: #676767;
}
.form_input input {
  width: 100%;
  height: 55px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 21px;
  color: #676767;
  background: #F9F9F9;
}
.form_input input:focus {
  border-color: #ccc !important;
  color: #000000;
}
.form_input input:focus::-webkit-input-placeholder {
  color: #000000;
}

.form_textarea textarea {
  width: 100%;
  padding: 18px 18px;
  height: 232px;
  resize: none;
  background: #F9F9F9;
  font-size: 14px;
  line-height: 21px;
  color: #676767;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .form_textarea textarea {
    height: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .form_textarea textarea {
    height: 120px;
  }
}
.form_textarea textarea:focus {
  border-color: #ccc !important;
  color: #000000;
}
.form_textarea textarea:focus::-webkit-input-placeholder {
  color: #000000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .contact_info_inner {
    flex-wrap: wrap;
  }
}

.contact_info_title {
  margin-bottom: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_info_title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_title {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info_title {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .contact_info_title {
    margin-bottom: 17px;
    text-align: center;
  }
}
.contact_info_title h3 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  color: #373737;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_info_title h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_title h3 {
    font-size: 26px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info_title h3 {
    font-size: 26px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .contact_info_title h3 {
    font-size: 20px;
    line-height: 33px;
  }
}

.contact_info_list {
  width: 50%;
  margin-right: 65px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_info_list {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_list {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info_list {
    width: 50%;
    margin-right: 40px;
    margin-bottom: 25px;
  }
  .contact_info_list:nth-child(2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .contact_info_list {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.contact_info_list:last-child {
  margin-right: 0;
}
.contact_info_list span {
  font-weight: normal;
  font-size: 16px;
  line-height: 207%;
  color: #AB6E35;
}
.contact_info_list p {
  font-weight: normal;
  font-size: 16px;
  line-height: 207%;
  color: #676767;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_info_list p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_list p {
    font-size: 15px;
    line-height: 27px;
  }
}
.contact_info_list p a:hover {
  color: #AB6E35;
}

.form_input_btn {
  margin-top: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .form_input_btn {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .form_input_btn {
    margin-top: 25px;
  }
}
.form_input_btn button.btn.btn-link {
  line-height: 51px;
  height: 51px;
  padding: 0 34px;
}

.hero_about_section {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 535px;
  margin-bottom: 182px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_about_section {
    margin-bottom: 120px;
    height: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_about_section {
    height: 350px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_about_section {
    height: 280px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_about_section {
    height: 220px;
  }
}

.hero_about_content h2 {
  font-weight: normal;
  font-size: 34px;
  line-height: 45px;
  margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_about_content h2 {
    font-size: 30px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_about_content h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
.hero_about_content h2 span {
  font-weight: 700;
}
.hero_about_content ul li {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #A4A4A4;
  margin-right: 4px;
}
.hero_about_content ul li:last-child {
  margin-right: 0;
}
.hero_about_content ul li a:hover {
  color: #AB6E35;
}

.about_luxury_section {
  margin-bottom: 178px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_luxury_section {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_luxury_section {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about_luxury_section {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_luxury_inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .about_luxury_inner {
    flex-direction: column;
  }
}

.about_luxury_thumb {
  width: 845px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_luxury_thumb {
    width: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_luxury_thumb {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_luxury_thumb {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about_luxury_thumb {
    width: 100%;
    margin-bottom: 30px;
  }
}

.about_luxury_content {
  width: calc(100% - 845px);
  padding: 0 180px 0 108px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_luxury_content {
    width: calc(100% - 650px);
    padding: 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_luxury_content {
    width: calc(100% - 500px);
    padding: 0 30px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_luxury_content {
    width: 100%;
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about_luxury_content {
    width: 100%;
    padding: 0 20px;
  }
}

.luxury_content_top {
  margin-bottom: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .luxury_content_top {
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury_content_top {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury_content_top {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .luxury_content_top {
    margin-bottom: 22px;
  }
}
.luxury_content_top h3 {
  font-size: 32px;
  line-height: 43px;
  letter-spacing: -1.14286px;
  color: #181818;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury_content_top h3 {
    font-size: 27px;
    line-height: 31px;
    margin-bottom: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury_content_top h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .luxury_content_top h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
.luxury_content_top p {
  font-weight: normal;
  font-size: 17px;
  line-height: 36px;
  color: #6D6D6D;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .luxury_content_top p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury_content_top p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury_content_top p {
    font-size: 15px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .luxury_content_top p {
    font-size: 15px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury_content_top p.mb-30 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury_content_top p.mb-30 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .luxury_content_top p.mb-30 {
    margin-bottom: 15px;
  }
}

.luxury_blockquote {
  margin-bottom: 15px;
}
.luxury_blockquote img {
  width: 58px;
  height: 47px;
  margin-right: 20px;
}
.luxury_blockquote p {
  font-weight: normal;
  font-size: 20px;
  line-height: 200%;
  color: #676767;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .luxury_blockquote p {
    font-size: 18px;
    line-height: 192%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury_blockquote p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury_blockquote p {
    font-size: 17px;
    line-height: 196%;
  }
}
@media only screen and (max-width: 767px) {
  .luxury_blockquote p {
    font-size: 15px;
    line-height: 190%;
  }
}

.luxury_author img {
  margin-right: 20px;
}
.luxury_author h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 197%;
  color: #AB6E35;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .luxury_author h3 {
    font-size: 17px;
    line-height: 187%;
  }
}

.about_vision_section {
  background: #F9F9F9;
  padding: 170px 0 188px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_vision_section {
    padding: 120px 0 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_vision_section {
    padding: 77px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about_vision_section {
    padding: 57px 0 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_vision_inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .about_vision_inner {
    flex-direction: column;
  }
}

.about_vision_content {
  width: calc(100% - 640px);
  padding-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_vision_content {
    width: calc(100% - 500px);
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_vision_content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .about_vision_content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 35px;
  }
}

.about_vision_thumb {
  width: 640px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_vision_thumb {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_vision_thumb {
    width: 100%;
  }
}
.about_vision_thumb img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about_vision_thumb {
    width: 100%;
  }
}

.vision_content_top {
  margin-bottom: 43px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vision_content_top {
    margin-bottom: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vision_content_top {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .vision_content_top {
    margin-bottom: 16px;
  }
}
.vision_content_top h3 {
  font-size: 32px;
  line-height: 43px;
  letter-spacing: -1.14286px;
  color: #181818;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vision_content_top h3 {
    font-size: 27px;
    line-height: 31px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vision_content_top h3 {
    font-size: 25px;
    line-height: 26px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .vision_content_top h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
.vision_content_top p {
  font-weight: normal;
  font-size: 17px;
  line-height: 36px;
  color: #6D6D6D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .vision_content_top p {
    font-size: 16px;
    line-height: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vision_content_top p {
    font-size: 15px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .vision_content_top p {
    font-size: 15px;
    line-height: 28px;
  }
}

.our_team_section {
  padding: 120px 0 158px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .our_team_section {
    padding: 105px 0 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our_team_section {
    padding: 75px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .our_team_section {
    padding: 55px 0 54px;
  }
}
@media only screen and (max-width: 575px) {
  .our_team_section {
    padding: 55px 0 28px;
  }
}

.our_team_title {
  margin-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .our_team_title {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our_team_title {
    margin-bottom: 39px;
  }
}
@media only screen and (max-width: 767px) {
  .our_team_title {
    margin-bottom: 42px;
  }
}
.our_team_title h2 {
  font-weight: normal;
  font-size: 32px;
  line-height: 43px;
  letter-spacing: -1.14286px;
  color: #181818;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our_team_title h2 {
    font-size: 26px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .our_team_title h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .our_team_inner {
    flex-wrap: wrap;
  }
}

.single_team {
  margin-right: 67px;
}
.single_team:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_team {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single_team {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .single_team {
    margin-right: 25px;
    width: 41%;
    margin-bottom: 20px;
  }
  .single_team:nth-child(2) {
    margin-right: 0;
  }
}

.team_name {
  text-align: center;
  padding-top: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_name {
    padding-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .team_name {
    padding-top: 20px;
  }
}
.team_name h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1.14286px;
  color: #181818;
}
@media only screen and (max-width: 767px) {
  .team_name h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.team_name h3 a:hover {
  color: #AB6E35;
}

.about_design_discount span {
  font-size: 14px;
  line-height: 36px;
  color: #6D6D6D;
  display: inline-block;
  margin-bottom: 5px;
}

.about_progressbar {
  width: 73%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about_progressbar {
    width: 87%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_progressbar {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_progressbar {
    width: 76%;
  }
}
@media only screen and (max-width: 575px) {
  .about_progressbar {
    width: 97%;
  }
}

.progress_list {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .progress_list {
    margin-bottom: 11px;
  }
}
.progress_list:last-child {
  margin-bottom: 0;
}
.progress_list .progress-bar {
  background: #AB6E35;
  width: 100%;
}
.progress_list .progress {
  height: 6px;
}
.progress_list.one {
  width: 95%;
}
.progress_list.two {
  width: 85%;
}
.progress_list.three {
  width: 92%;
}

.slider_section .container {
  max-width: 1570px;
}
@media only screen and (max-width: 767px) {
  .slider_section .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_section.mb-170 {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section.mb-170 {
    margin-bottom: 71px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section.mb-170 {
    margin-bottom: 56px;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single_slider {
    flex-direction: column;
  }
}

.slider_text_shape {
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .slider_text_shape img {
    max-width: 250px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text_shape img {
    max-width: 190px;
  }
}

.slider_btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .slider_thumb {
    padding: 0 30px;
  }
}

.slider_text {
  margin-right: 125px;
  min-width: 310px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_text {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text {
    margin-right: 50px;
    min-width: 255px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text {
    margin-right: 40px;
    min-width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text {
    margin-right: 0;
    min-width: 100%;
    text-align: center;
    margin-bottom: 45px;
  }
}
.slider_text h2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 400;
  text-transform: capitalize;
  color: #373737;
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text h2 {
    font-size: 23px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text h2 {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text h2 {
    font-size: 20px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_swiper {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_swiper {
    padding-bottom: 50px;
  }
}
.slider_swiper .swiper-button-prev {
  bottom: 24px;
  top: auto;
  border: 1px solid #ABABAB;
  width: 35px;
  height: 35px;
  color: #000000;
  opacity: 1;
}
.slider_swiper .swiper-button-prev::after {
  font-size: 15px;
}
@media only screen and (max-width: 575px) {
  .slider_swiper .swiper-button-prev::after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_swiper .swiper-button-prev {
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_swiper .swiper-button-prev {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_swiper .swiper-button-prev {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider_swiper .swiper-button-prev {
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: auto;
    left: 8px;
    transform: translatey(-50%);
  }
}
@media only screen and (max-width: 575px) {
  .slider_swiper .swiper-button-prev {
    width: 25px;
    height: 25px;
    left: 0;
  }
}
.slider_swiper .swiper-button-next {
  left: 44px;
  right: auto;
  bottom: 24px;
  top: auto;
  border: 1px solid #ABABAB;
  width: 35px;
  height: 35px;
  color: #000000;
  opacity: 1;
}
.slider_swiper .swiper-button-next::after {
  font-size: 15px;
}
@media only screen and (max-width: 575px) {
  .slider_swiper .swiper-button-next::after {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_swiper .swiper-button-next {
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_swiper .swiper-button-next {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_swiper .swiper-button-next {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .slider_swiper .swiper-button-next {
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: auto;
    left: auto;
    right: 8px;
    transform: translatey(-50%);
  }
}
@media only screen and (max-width: 575px) {
  .slider_swiper .swiper-button-next {
    width: 25px;
    height: 25px;
    right: 0;
  }
}

.swiper-slide-active .slider_text h1, .swiper-slide-active .slider_text h2, .swiper-slide-active .slider_text img, .swiper-slide-active .slider_text a {
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.swiper-slide-active .slider_text2 h1, .swiper-slide-active .slider_text2 p, .swiper-slide-active .slider_text2 a {
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.swiper-slide-active .slider_text img, .swiper-slide-active .slider_text a {
  animation-delay: 0.5s;
}

.swiper-slide-active .slider_text p {
  animation-delay: 0.7s;
}

.slider_section2 {
  position: relative;
  padding: 224px 0 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_section2 {
    padding: 175px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section2 {
    padding: 80px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section2 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section2.mb-105 {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section2.mb-105 {
    margin-bottom: 60px;
  }
}
.slider_section2::before {
  position: absolute;
  content: "";
  width: 60%;
  height: 100%;
  right: 0;
  top: 0;
  background: #DBE8E4;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section2::before {
    width: 63%;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section2::before {
    display: none;
  }
}

.slider_thumb {
  max-width: 1200px ; /* İstediğiniz maksimum genişlik */
  display: flex;
  justify-content: space-between;
  border-radius: 20px !important;
  margin-top: 3cm;
}

.image_wrapper {
  flex: 1;
  max-width: 100%;
  border-radius: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image_wrapper img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  
}


.slider_section2 .slider_thumb {
  width: 705px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_section2 .slider_thumb {
    width: 630px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_section2 .slider_thumb {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section2 .slider_thumb {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section2 .slider_thumb {
    width: 100%;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_section2 .slider_thumb {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section2 .single_slider {
    flex-direction: column-reverse;
  }
}

.slider_text2 {
  width: calc(100% - 705px);
  padding-top: 145px;
  padding-left: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_text2 {
    width: calc(100% - 630px);
    padding-top: 100px;
    padding-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text2 {
    width: calc(100% - 500px);
    padding-top: 70px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text2 {
    width: calc(100% - 400px);
    padding-top: 32px;
    padding-left: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text2 {
    width: 100%;
    padding: 0 30px 30px;
    text-align: center;
  }
}
.slider_text2 h1 {
  font-weight: bold;
  font-size: 100px;
  line-height: 94px;
  text-transform: capitalize;
  color: #373737;
  margin-bottom: 64px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_text2 h1 {
    font-size: 88px;
    line-height: 88px;
    margin-bottom: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text2 h1 {
    font-size: 70px;
    line-height: 75px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text2 h1 {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text2 h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text2 h1 {
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 20px;
  }
}
.slider_text2 a.btn.btn-link {
  background: #EAB429;
  color: #000000;
}
.slider_text2 a.btn.btn-link:hover {
  color: #ffffff;
}
.slider_text2 a.btn.btn-link::before {
  background: #000000;
}
.slider_text2 p {
  font-size: 28px;
  line-height: 42px;
  text-transform: capitalize;
  color: #373737;
  margin-top: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_text2 p {
    margin-top: 117px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text2 p {
    font-size: 26px;
    line-height: 40px;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text2 p {
    font-size: 23px;
    line-height: 38px;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text2 p {
    font-size: 17px;
    line-height: 32px;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text2 p {
    fmargin-top: 20px;
  }
}

.swiper_buttn_area {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper_buttn_area {
    left: 23%;
  }
}
@media only screen and (max-width: 767px) {
  .swiper_buttn_area {
    display: none;
  }
}

.tab-content > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_section.mb-50 {
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .product_section.mb-50 {
    margin-bottom: 23px;
  }
}

.product_tab_button {
  margin-bottom: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_tab_button {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_tab_button {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .product_tab_button {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .product_tab_button {
    margin-bottom: 30px;
  }
}
.product_tab_button ul li {
  margin-right: 75px;
}
.product_tab_button ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_tab_button ul li {
    margin-right: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .product_tab_button ul li {
    margin-right: 32px;
  }
}
.product_tab_button ul li a {
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  color: #373737;
  opacity: 0.3;
  font-family: 'DM Sans', sans-serif;
}
.product_tab_button ul li a.active {
  opacity: 1;
}
.product_tab_button ul li a:hover {
  opacity: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_tab_button ul li a {
    font-size: 25px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_tab_button ul li a {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_tab_button ul li a {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .product_tab_button ul li a {
    font-size: 16px;
    line-height: 30px;
  }
}

.single_product {
  margin-bottom: 92px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_product {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single_product {
    margin-bottom: 33px;
  }
}

.product_thumb {
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .product_thumb img {
    width: 100%;
  }
}

.label_product {
  position: absolute;
  top: -3px;
  right: 0;
}
.label_product span {
  width: 48px;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  background-color: #000000;
}
.label_product span.label_hot {
  background: #AB4A35;
}

.product_content {
  padding-top: 25px;
}
.product_content h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 9px;
}
.product_content h4 a:hover {
  color: #AB6E35;
}

.price_box {
  display: flex;
}
.price_box span {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.price_box span.old_price {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #ABABAB;
  margin-right: 7px;
}
.price_box span.current_price {
  color: #AB6E35;
}

.product_style2 .product_tab_button ul li {
  margin-right: 162px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_style2 .product_tab_button ul li {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_style2 .product_tab_button ul li {
    margin-right: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .product_style2 .product_tab_button ul li {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .product_style2 .product_tab_button ul li {
    margin-right: 32px;
  }
}
.product_style2 .product_tab_button ul li:last-child {
  margin-right: 0;
}
.product_style2 .product_tab_button ul li a {
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
  text-transform: capitalize;
  font-family: 'DM Sans', sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_style2 .product_tab_button ul li a {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_style2 .product_tab_button ul li a {
    font-size: 25px;
    line-height: 51px;
  }
}
@media only screen and (max-width: 767px) {
  .product_style2 .product_tab_button ul li a {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .product_style2 .product_tab_button ul li a {
    font-size: 19px;
    line-height: 36px;
  }
}
.product_style2 .product_thumb {
  border: 0;
}

.product_gallery_section {
  padding: 150px 0 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_gallery_section {
    padding: 80px 0 75px;
  }
}
@media only screen and (max-width: 767px) {
  .product_gallery_section {
    padding: 60px 0 55px;
  }
}

@media only screen and (max-width: 575px) {
  .product_gallery_inner {
    flex-direction: column;
  }
}

.product_gallery_thumb {
  border: 1px solid #D5D5D5;
  margin-bottom: 8px;
}

.product_gallery_list {
  margin-right: 8px;
}
.product_gallery_list:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 575px) {
  .product_gallery_list {
    margin-right: 0;
  }
}

.product_social {
  margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_social {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .product_social {
    margin-top: 25px;
  }
}
.product_social ul li {
  margin-right: 16px;
}
.product_social ul li a {
  width: 31px;
  height: 31px;
  line-height: 29px;
  font-size: 18px;
  color: #000000;
  text-align: center;
  display: inline-block;
  border: 1px solid #E1E1E1;
  border-radius: 50%;
}
.product_social ul li a:hover {
  color: #AB6E35;
  border-color: #AB6E35;
}

.product_details_section {
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_details_section {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .product_details_section {
    margin-bottom: 43px;
  }
}

.product_ratting_stock {
  margin-bottom: 14px;
}

.product_ratting ul li a {
  color: #F5A623;
}
.product_ratting ul li span {
  font-size: 10px;
  line-height: 15px;
  color: #262626;

  display: inline-block;
}

.in_stock {
  margin-left: 14px;
}
.in_stock span {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #181818;
}

.product_details_title {
  margin-bottom: 12px;
}
.product_details_title h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  color: #373737;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .product_details_title h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

.product_price_box {
  margin-bottom: 8px;
}
.product_price_box span {
  font-size: 24px;
  line-height: 36px;
  color: #AB6E35;
}

.product_desc {
  margin-bottom: 35px;
}
.product_desc p {
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  color: #6D6D6D;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_color_size {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .product_color_size {
    flex-direction: column;
  }
}

.product_variant_color label {
  font-size: 14px;
  line-height: 21px;
  color: #181818;
  margin-right: 20px;
}
.product_variant_color ul li {
  margin-right: 10px;
  line-height: 17px;
}
.product_variant_color ul li:last-child {
  margin-right: 0;
}
.product_variant_color ul li a {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-block;
}
.product_variant_color ul li a.color1 {
  background: #FFFFFF;
  border: 1px solid #979797;
}
.product_variant_color ul li a.color2 {
  background: #373737;
}
.product_variant_color ul li a.color3 {
  background: #B8CC6C;
}
.product_variant_color ul li a.color4 {
  background: #4D4D4D;
}
.product_variant_color ul li a.color5 {
  background: #6CB8F4;
}

.product_variant_size {
  margin-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_variant_size {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_variant_size {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.product_variant_size select {
  font-size: 14px;
  line-height: 21px;
  color: #181818;
  border: 0;
  border-bottom: 1px solid #CCCCCC;
  width: 345px;
  display: inline-block;
  padding-bottom: 8px;
}
@media only screen and (max-width: 575px) {
  .product_variant_size select {
    width: 100%;
  }
}

.product_details_right {
  margin-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_details_right {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product_details_right {
    margin-top: 25px;
  }
}

.product_variant_quantity {
  margin-bottom: 34px;
}
@media only screen and (max-width: 767px) {
  .product_variant_quantity {
    margin-bottom: 22px;
  }
}
.product_variant_quantity .pro-qty {
  padding: 0 4px;
  margin-right: 5px;
}
.product_variant_quantity .pro-qty input {
  height: 60px;
  border: 0;
  width: 28px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .product_variant_quantity .pro-qty input {
    height: 52px;
  }
}
.product_variant_quantity button.btn.btn-link {
  font-size: 16px;
  line-height: 60px;
  height: 60px;
  padding: 0px 73px;
  font-weight: normal;
  font-family: 'DM Sans', sans-serif;
}
@media only screen and (max-width: 767px) {
  .product_variant_quantity button.btn.btn-link {
    font-size: 15px;
    line-height: 52px;
    height: 52px;
    padding: 0px 35px;
  }
}

.product_d_meta {

}
@media only screen and (max-width: 767px) {
  .product_d_meta {
    margin-bottom: 24px;
  }
}
.product_d_meta span {
  font-weight: normal;
  font-size: 12px;
  line-height: 28px;
  color: #767676;
}


.product_d_info .container {
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .product_d_info .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_d_info {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product_d_info {
    margin-bottom: 57px;
  }
}

.product_d_action {
  margin-bottom: 14px;
}
.product_d_action ul li a {
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  color: #181818;
}
.product_d_action ul li a:hover {
  color: #AB6E35;
}
.product_d_action ul li a i {
  font-size: 14px;
  margin: 0 7px;
}

.product_meta {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .product_meta {
    margin-bottom: 20px;
  }
}
.product_meta span {
  font-weight: 500;
}
.product_meta span a {
  margin-left: 10px;
  font-weight: 400;
}
.product_meta span a:hover {
  color: #AB6E35;
}

.product_info_button {
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  margin-bottom: 10px;
 
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_button {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_button {
    margin-bottom: 35px;
    padding: 10px 0;
  }
}
.product_info_button ul {
  justify-content: center;
}
.product_info_button ul li {
  margin-right: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_button ul li {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_button ul li {
    margin-right: 22px;
  }
}
.product_info_button ul li:last-child {
  margin-right: 0;
}
.product_info_button ul li a {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #6D6D6D;
  display: inline-block;
  position: relative;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_button ul li a {
    font-size: 15px;
    line-height: 19px;
    padding: 17px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_button ul li a {
    font-size: 15px;
    padding: 11px 0;
  }
}
.product_info_button ul li a.active {
  color: #B07742;
  font-weight: 700;
}
.product_info_button ul li a:hover {
  color: #B07742;
  font-weight: 700;
}

.product_review_form button {
  text-align: center;
  margin-top: 20px;

}


.product_info_thumb {
  width: 470px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_info_thumb {
    width: 430px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_thumb {
    width: 305px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_thumb {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_thumb img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product_info__flex {
    flex-direction: column;
  }
}

.productinfo_text_flex {
  width: calc(100% - 470px);
  padding-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .productinfo_text_flex {
    width: calc(100% - 430px);
    padding-left: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .productinfo_text_flex {
    width: calc(100% - 305px);
    padding-left: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .productinfo_text_flex {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
}

.product_info_content h4 {
  font-weight: normal;
  font-size: 32px;
  line-height: 43px;
  letter-spacing: -1.14286px;
  color: #181818;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_info_content h4 {
    font-size: 29px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_content h4 {
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_content h4 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 25px;
  }
}
.product_info_content p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 36px;
  color: #6D6D6D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_info_content p {
    font-size: 16px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_info_content p {
    font-size: 14px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_info_content p {
    font-size: 15px;
    line-height: 29px;
  }
}

.product_d_table {
  padding: 10px 0 22px;
}
.product_d_table table {
  border-top: 1px solid #ddd;
  width: 100%;
}
.product_d_table table tbody tr {
  border-bottom: 1px solid #ddd;
}
.product_d_table table tbody tr td {
  padding: 7px 17px;
}
.product_d_table table tbody tr td:first-child {
  border-right: 1px solid #ddd;
  width: 30%;
  font-weight: 700;
}

.product_info_inner {
  display: flex;
  margin-top: 15px;
}
.product_info_inner .product_ratting {
  margin-bottom: 10px;
}
.product_info_inner .product_ratting p {
  margin-bottom: 5px;
}
.product_info_inner .product_ratting strong {
  margin-top: 10px;
  display: block;
  margin-bottom: 8px;
}

.reviews_wrapper h2 {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .reviews_wrapper h2 {
    font-size: 15px;
  }
}
.reviews_wrapper .product_ratting {
  margin-bottom: 20px;
}
.reviews_wrapper .product_ratting ul li a {
  color: #AB6E35;
}
.reviews_wrapper .product_ratting h3 {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

.comment_title {
  margin-bottom: 20px;
}

.product_review_form input {
  border: 1px solid #ddd;
  background: none;
  width: 100%;
  height: 40px;
  padding: 0 20px;
}
.product_review_form textarea {
  border: 1px solid #ddd;
  background: none;
  height: 120px;
  resize: none;
  width: 100%;
  margin-bottom: 14px;
  padding: 0 20px;
}
.product_review_form p {
  margin-bottom: 7px;
}

.star_rating {
  float: right;
}
.star_rating ul li {
  display: inline-block;
}
.star_rating ul li a {
  color: #AB6E35;
}

.reviews_comment_box {
  display: flex;
  margin-bottom: 22px;
}
.reviews_comment_box .comment_text {
  width: 100%;
  border: 1px solid #ededed;
  position: relative;
  margin-left: 21px;
  padding: 12px;
  border-radius: 3px;
}
.reviews_comment_box .comment_text::before {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  content: "";
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}

.reviews_meta p {
  font-size: 15px;
  margin-bottom: 15px;
}
.reviews_meta p strong {
  text-transform: uppercase;
  font-weight: 500;
  color: #373737;
}

.related_product_section {
  background: #F7EFE8;
  padding: 78px 0 72px;
}
.related_product_section .container {
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .related_product_section .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related_product_section {
    padding: 78px 0 42px;
  }
}
@media only screen and (max-width: 767px) {
  .related_product_section {
    padding: 59px 0 23px;
  }
}

.product_details_section .container {
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .product_details_section .container {
    max-width: 576px;
  }
}

.product__title {
  margin-bottom: 64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product__title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .product__title {
    margin-bottom: 35px;
  }
}
.product__title h2 {
  font-weight: normal;
  font-size: 32px;
  line-height: 94.3%;
  text-transform: capitalize;
  color: #373737;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__title h2 {
    font-size: 30px;
    line-height: 94.3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product__title h2 {
    font-size: 30px;
    line-height: 94.3%;
  }
}
@media only screen and (max-width: 767px) {
  .product__title h2 {
    font-size: 25px;
  }
}

.related_product_inner .single_product {
  margin-bottom: 35px;
}

.breadcrumbs_area {
  background: #F9F9F9;
  padding: 50px 0;
}

.breadcrumb_content h2 {
  font-weight: normal;
  font-size: 34px;
  line-height: 45px;
  margin-bottom: 19px;
  font-family: 'DM Sans', sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_content h2 {
    font-size: 30px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb_content h2 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 15px;
  }
}
.breadcrumb_content ul li {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #A4A4A4;
  margin-right: 4px;
}
.breadcrumb_content ul li:last-child {
  margin-right: 0;
}
.breadcrumb_content ul li a:hover {
  color: #AB6E35;
}

.shop_page_section {
  padding: 135px 0 128px;
}
.shop_page_section .container {
  max-width: 1870px;
}
@media only screen and (max-width: 767px) {
  .shop_page_section .container {
    max-width: 876px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_page_section {
    padding: 77px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_page_section {
    padding: 57px 0 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_page_inner {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .shop_page_inner {
    flex-direction: column-reverse;
  }
}

.shop_sidebar_widget {
  width: 460px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .shop_sidebar_widget {
    width: 400px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_sidebar_widget {
    width: 328px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_sidebar_widget {
    width: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop_sidebar_widget {
    width: 100%;
    padding-right: 0;
  }
}

.shop_right_sidaber {
  width: calc(100% - 460px);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .shop_right_sidaber {
    width: calc(100% - 400px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_right_sidaber {
    width: calc(100% - 328px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_right_sidaber {
    width: 100%;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_right_sidaber {
    width: 100%;
    margin-bottom: 60px;
  }
}

.shop_widget_list {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  padding: 30px 32px 40px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_widget_list {
    padding: 30px 32px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_widget_list {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_widget_list {
    padding: 30px;
    margin-bottom: 30px;
  }
}
.shop_widget_list.categories {
  padding: 56px 32px 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_widget_list.categories {
    padding: 44px 32px 46px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_widget_list.categories {
    padding: 30px;
  }
}

.shop_widget_title {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .shop_widget_title {
    margin-bottom: 25px;
  }
}
.shop_widget_title h3 {
  font-weight: normal;
  font-size: 30px;
  line-height: 94.3%;
  text-transform: capitalize;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .shop_widget_title h3 {
    font-size: 20px;
  }
}
.shop_widget_title.categories_title {
  margin-bottom: 42px;
}
@media only screen and (max-width: 767px) {
  .shop_widget_title.categories_title {
    margin-bottom: 25px;
  }
}

.widget_categories ul li {
  margin-bottom: 37px;
}
.widget_categories ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget_categories ul li {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .widget_categories ul li {
    margin-bottom: 16px;
  }
}
.widget_categories ul li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 202.8%;
  text-transform: capitalize;
  color: #9F9F9F;
}
.widget_categories ul li a:hover {
  color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget_categories ul li a {
    font-size: 16px;
    line-height: 186.8%;
  }
}
@media only screen and (max-width: 767px) {
  .widget_categories ul li a {
    font-size: 15px;
    line-height: 183.8%;
  }
}

.widget_proce_filter form input {
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  color: #9F9F9F;
  margin-bottom: 18px;
}
.widget_proce_filter form button {
  font-weight: 500;
  font-size: 10px;
  width: 115px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #D5D5D5;
  background: #FFFFFF;
  margin-top: 40px;
  text-transform: uppercase;
}
.widget_proce_filter form button:hover {
  color: #AB6E35;
  border-color: #AB6E35;
}

#slider-range {
  background: #C4C4C4;
  border: 0;
  height: 4px;
}
#slider-range span {
  width: 20px;
  height: 16px;
  border: 0;
  background: #000000;
  border-radius: 0;
  top: -6px;
}

.ui-slider-horizontal .ui-slider-range {
  background: #C4C4C4;
}

.widget_color ul li {
  display: inline-block;
  margin-right: 11px;
}
.widget_color ul li:last-child {
  margin-right: 0;
}
.widget_color ul li a {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}
.widget_color ul li a::before {
  position: absolute;
  content: "";
}
.widget_color ul li a.color1 {
  background: #C4C4C4;
}
.widget_color ul li a.color2 {
  background: #AB6E35;
}
.widget_color ul li a.color3 {
  background: #EAB429;
}
.widget_color ul li a.color4 {
  background: #B8CC6C;
}
.widget_color ul li a.color5 {
  background: #A6C8BD;
}
.widget_color ul li a.color6 {
  background: linear-gradient(0deg, #7582A8, #7582A8), #7582A8;
}
.widget_color ul li a.color7 {
  background: #000000;
}
.widget_color ul li a::before {
  width: 5px;
  height: 8px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  opacity: 0;
  transition: 0.3s;
}
.widget_color ul li a:focus::before {
  opacity: 1;
}

.widget_color_btn a {
  font-weight: 500;
  font-size: 10px;
  width: 115px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #D5D5D5;
  background: #FFFFFF;
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
}
.widget_color_btn a:hover {
  color: #AB6E35;
  border-color: #AB6E35;
}

.widget_tags ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
}
.widget_tags ul li a {
  width: 70px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  display: inline-block;
  border: 1px solid #DCDCDC;
  font-weight: 500;
  font-size: 8px;
  text-transform: uppercase;
}
.widget_tags ul li a:hover {
  color: #AB6E35;
  border-color: #AB6E35;
}

@media only screen and (max-width: 575px) {
  .shop_product_count {
    margin-bottom: 15px;
  }
}
.shop_product_count span {
  font-size: 18px;
  line-height: 27px;
  text-transform: capitalize;
  color: #9F9F9F;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_product_count span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_product_count span {
    font-size: 15px;
    line-height: 20px;
  }
}

.shop_top_bar {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_top_bar {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_top_bar {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .shop_top_bar {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}

.product_sorting select {
  border: 0;
  padding: 0;
  font-size: 18px;
  line-height: 27px;
  text-transform: capitalize;
  color: #9F9F9F;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_sorting select {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product_sorting select {
    font-size: 15px;
    line-height: 20px;
  }
}

.shop_filter {
  margin-left: 45px;
}
@media only screen and (max-width: 767px) {
  .shop_filter {
    margin-left: 32px;
  }
}
.shop_filter select {
  border: 0;
  padding: 0;
  font-size: 18px;
  line-height: 27px;
  text-transform: capitalize;
  color: #9F9F9F;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_filter select {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_filter select {
    font-size: 15px;
    line-height: 20px;
  }
}

.loding_bar ul li {
  margin-right: 10px;
}
.loding_bar ul li:last-child {
  margin-right: 0;
}
.loding_bar ul li a {
  width: 55px;
  height: 55px;
  line-height: 53px;
  text-align: center;
  background: #FFFFFF;
  display: inline-block;
  border: 1px solid #C4C4C4;
  color: #9F9F9F;
  font-size: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.loding_bar ul li a.active {
  color: white !important;
  background: peru !important;
  border-radius: 50%;
}

.loding_bar ul li a.active2 {
  color: white !important;
  background: gray !important;
  border-radius: 50%;
}
.loding_bar ul li a:hover {
  color: #AB6E35;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .loding_bar ul li a {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .loding_bar ul li a {
    width: 38px;
    height: 38px;
    line-height: 37px;
    font-size: 15px;
  }
}

.shop_fullwidth .container {
  max-width: 1470px;
}
@media only screen and (max-width: 767px) {
  .shop_fullwidth .container {
    max-width: 576px;
  }
}

.shop_discount_banner {
  background: #EEEEEE;
  padding: 70px 0 38px;
}

@media only screen and (max-width: 575px) {
  .shop_discount_inner {
    flex-direction: column;
  }
}

.discount_thumb {
  margin-right: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount_thumb {
    margin-right: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount_thumb {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .discount_thumb {
    margin-right: 28px;
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .discount_thumb {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .shop_discount_text {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .shop_discount_text {
    width: 100%;
    text-align: center;
  }
}
.shop_discount_text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 143.8%;
  text-transform: capitalize;
  margin-bottom: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_discount_text p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_discount_text p {
    font-size: 15px;
  }
}
.shop_discount_text h2 {
  font-weight: 300;
  font-size: 80px;
  line-height: 80px;
  text-transform: capitalize;
  font-family: 'DM Sans', sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_discount_text h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_discount_text h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
.shop_discount_text a.btn.btn-link {
  background: #EEEEEE;
  color: #000000;
  border: 1px solid #000000;
}
.shop_discount_text a.btn.btn-link:hover {
  color: #ffffff;
}
.shop_discount_text a.btn.btn-link::before {
  background: #000000;
}

.shop_collection_list {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 752px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_list {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_list {
    height: 430px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_list {
    height: 390px;
  }
}

.shop_collection_content {
  background: #ffffff;
  padding: 78px 65px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .shop_collection_content {
    padding: 78px 50px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_content {
    padding: 50px 38px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_content {
    padding: 38px 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_content {
    padding: 35px 30px 0;
  }
}
@media only screen and (max-width: 575px) {
  .shop_collection_content {
    padding: 30px 25px 0;
    text-align: center;
  }
}
.shop_collection_content h3 {
  font-weight: normal;
  font-size: 34px;
  line-height: 94.3%;
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_content h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_content h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_content h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .shop_collection_content h3 {
    font-size: 23px;
  }
}
.shop_collection_content p {
  font-weight: normal;
  font-size: 20px;
  line-height: 200%;
  color: #9F9F9F;
  margin-bottom: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_content p {
    font-size: 16px;
    line-height: 188%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_content p {
    font-size: 16px;
    line-height: 191%;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_content p {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .shop_collection_content p {
    font-size: 15px;
    margin-bottom: 21px;
    line-height: 186%;
  }
}
.shop_collection_content.left {
  margin-right: 102px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .shop_collection_content.left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_content.left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_content.left {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_content.left {
    margin-right: 0;
  }
}
.shop_collection_content.right {
  margin-left: 102px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .shop_collection_content.right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop_collection_content.right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop_collection_content.right {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop_collection_content.right {
    margin-left: 0;
  }
}

.mouse-btn-down{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:40px;
	width:30px;
	height:8px;
	cursor:pointer;
	display:block;

}


.chevron {
  position: absolute;
  width: 68px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 5s ease-out 0.5s infinite;
  z-index: 9;
}

.chevron:first-child {
  animation: move 5s ease-out 2s infinite;
}

.chevron:nth-child(2) {
  animation: move 5s ease-out 4s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #000000;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.shopping_cart {
  transition: transform 0.5s ease-in-out; /* 0.5 saniyede yavaş giriş ve çıkışlı bir geçiş */
}
 
.shopping_cart:hover{
  transform: scale(1.2);
  
}

.account_link_menu{
  padding-right: 5.5cm;
}

.header_logo {
  display: flex;
 padding-left: 8vw;
  z-index:99;}


  .account_link_menu {
    list-style: none;
    position: relative;
    padding: 0;
  
    bottom: 0.3cm;
  
    
  }

  .flex-container {
    display: flex;
    align-items: center; /* Dikey hizalama */
  }
  
  .icon_container {
    margin-right: 10px;
  }
  
  
  .link_container {
    display: flex;
    align-items: center;
    background-color: #b85301;
    padding: 5px;
    border: 1px solid #000000;
    border-top-right-radius: 12px; /* Sağ üst köşeye border-radius uygula */
  border-top-left-radius: 12px; /* Sol üst köşeye border-radius uygula */
    transition: background-color 0.3s ease-in-out;
  }
  
  .link_container:hover {
   
    transform: scale(1.1);
    transition: transform 0.5s ease-in-out; /* 0.5 saniyede yavaş giriş ve çıkışlı bir geçiş */
  }
  
  .icon_container {
    margin-right: 10px;
  }
  
  .icon_container img {
    display: block;
  }
  
  .text_container {
    text-align: right; /* Metni ortala */
  }
  
  .text_container span {
    font-size: 14px;
    color: #000000;
  }
  
  .header_search_btn:hover{
    transform: scale(1.2);
    transition: transform 0.5s ease-in-out; /* 0.5 saniyede yavaş giriş ve çıkışlı bir geçiş */
  }

  .colorgrey{
    color:#b3b3b3  !important;
  }

  /* Dropdown menüyü gizle */
.dropdown_menu {
  display: none;
  position: absolute;
  top: 100%;
left: -1px;
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 0 0 12px 12px;
  z-index: 1;
  width: 101%; /* Üstteki elementle aynı genişlik */
 
}

/* Bağlantıya hover yapıldığında dropdown menüyü Show */
.link_container:hover .dropdown_menu {
  display: block;
}

/* Dropdown seçenekleri */
.dropdown_menu_item {
  padding: 10px;
  text-align: center;
  cursor: pointer;
 
}


/* Dropdown seçeneklerine hover yapıldığında arka plan rengini değiştir */
.dropdown_menu_item:hover {
  background-color: #b85301;
  color: #fff;
}

.dropdown_menu_item a:hover {
  text-decoration: none !important;
  color: unset;
}

  
  .product-slider{
    
    padding-bottom: 3cm;
  transform: scale(1.2); /* 20% daha büyük boyut */
    transform-origin: top left; /* Büyütme merkezi ögenin sol üst köşesi */
    display: flex;
    
  }

  .producter{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: 1cm;
    padding-top: 1cm;
  }

  .img-container{
    width: 1200px;
    height: auto;
    background-size: cover;
  background-position: center;
  
  
  }

  .product-hover {
    
    
    margin-left: auto;
    margin-right:5cm;
    padding-bottom: 0.5cm;
  }
  
  .hover-content {
    
    background-color: #a83500; /* Arka plan rengi */
    padding: 10px; /* Arka plan ile içerik arasındaki boşluk */
    border-radius: 20px 20px 20px 20px;
   
   
  }
  
  .hover-content p {
    font-size: 15px;
    font-family: 'DM Sans', sans-serif;
    color: white;
    margin: 0; /* Eğer varsayılan margin varsa sıfırlayarak tam genişlikte yapar */
  }
  

  .memo{
    display: flex;
    width: 580px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    background-color: #f5f5f5; /* Arka plan rengi */
    padding: 5px; /* Arka plan ile metin arasındaki boşluk */
    text-align: center; /* Metni yatayda ortala */
   
  }

  :root {
    --primary: #275EFE;
    --primary-light: #7699FF;
    --dark: #1C212E;
    --grey-dark: #3F4656;
    --grey: #6C7486;
    --grey-light: #CDD9ED;
    --white: #FFF;
    --green: #16BF78;
    --sand: #DCB773;
    --sand-light: #EDD9A9;
  }
  
  .order {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    background: var(--dark);
    position: relative;
    height: 63px;
    width: 240px;
    padding: 0;
    outline: none;
    cursor: pointer;
    border-radius: 32px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    transition: transform 0.3s ease;
  }
  .order span {
    --o: 1;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 19px;
    line-height: 24px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    opacity: var(--o);
    transition: opacity 0.3s ease;
  }
  .order span.default {
    transition-delay: 0.3s;
  }
  .order span.success {
    --offset: 16px;
    --o: 0;
  }
  .order span.success svg {
    width: 12px;
    height: 10px;
    display: inline-block;
    vertical-align: top;
    fill: none;
    margin: 7px 0 0 4px;
    stroke: var(--green);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: var(--offset);
    transition: stroke-dashoffset 0.3s ease;
  }
  .order:active {
    transform: scale(0.96);
  }
  .order .lines {
    opacity: 0;
    position: absolute;
    height: 3px;
    background: var(--white);
    border-radius: 2px;
    width: 6px;
    top: 30px;
    left: 100%;
    box-shadow: 15px 0 0 var(--white), 30px 0 0 var(--white), 45px 0 0 var(--white), 60px 0 0 var(--white), 75px 0 0 var(--white), 90px 0 0 var(--white), 105px 0 0 var(--white), 120px 0 0 var(--white), 135px 0 0 var(--white), 150px 0 0 var(--white), 165px 0 0 var(--white), 180px 0 0 var(--white), 195px 0 0 var(--white), 210px 0 0 var(--white), 225px 0 0 var(--white), 240px 0 0 var(--white), 255px 0 0 var(--white), 270px 0 0 var(--white), 285px 0 0 var(--white), 300px 0 0 var(--white), 315px 0 0 var(--white), 330px 0 0 var(--white);
  }
  .order .back,
  .order .box {
    --start: var(--white);
    --stop: var(--grey-light);
    border-radius: 2px;
    background: linear-gradient(var(--start), var(--stop));
    position: absolute;
  }
  .order .truck {
    width: 60px;
    height: 41px;
    left: 100%;
    z-index: 1;
    top: 11px;
    position: absolute;
    transform: translateX(24px);
  }
  .order .truck:before, .order .truck:after {
    --r: -90deg;
    content: "";
    height: 2px;
    width: 20px;
    right: 58px;
    position: absolute;
    display: block;
    background: var(--white);
    border-radius: 1px;
    transform-origin: 100% 50%;
    transform: rotate(var(--r));
  }
  .order .truck:before {
    top: 4px;
  }
  .order .truck:after {
    --r: 90deg;
    bottom: 4px;
  }
  .order .truck .back {
    left: 0;
    top: 0;
    width: 60px;
    height: 41px;
    z-index: 1;
  }
  .order .truck .front {
    overflow: hidden;
    position: absolute;
    border-radius: 2px 9px 9px 2px;
    width: 26px;
    height: 41px;
    left: 60px;
  }
  .order .truck .front:before, .order .truck .front:after {
    content: "";
    position: absolute;
    display: block;
  }
  .order .truck .front:before {
    height: 13px;
    width: 2px;
    left: 0;
    top: 14px;
    background: linear-gradient(var(--grey), var(--grey-dark));
  }
  .order .truck .front:after {
    border-radius: 2px 9px 9px 2px;
    background: var(--primary);
    width: 24px;
    height: 41px;
    right: 0;
  }
  .order .truck .front .window {
    overflow: hidden;
    border-radius: 2px 8px 8px 2px;
    background: var(--primary-light);
    transform: perspective(4px) rotateY(3deg);
    width: 22px;
    height: 41px;
    position: absolute;
    left: 2px;
    top: 0;
    z-index: 1;
    transform-origin: 0 50%;
  }
  .order .truck .front .window:before, .order .truck .front .window:after {
    content: "";
    position: absolute;
    right: 0;
  }
  .order .truck .front .window:before {
    top: 0;
    bottom: 0;
    width: 14px;
    background: var(--dark);
  }
  .order .truck .front .window:after {
    width: 14px;
    top: 7px;
    height: 4px;
    position: absolute;
    background: rgba(255, 255, 255, 0.14);
    transform: skewY(14deg);
    box-shadow: 0 7px 0 rgba(255, 255, 255, 0.14);
  }
  .order .truck .light {
    width: 3px;
    height: 8px;
    left: 83px;
    transform-origin: 100% 50%;
    position: absolute;
    border-radius: 2px;
    transform: scaleX(0.8);
    background: #f0dc5f;
  }
  .order .truck .light:before {
    content: "";
    height: 4px;
    width: 7px;
    opacity: 0;
    transform: perspective(2px) rotateY(-15deg) scaleX(0.94);
    position: absolute;
    transform-origin: 0 50%;
    left: 3px;
    top: 50%;
    margin-top: -2px;
    background: linear-gradient(90deg, #f0dc5f, rgba(240, 220, 95, 0.7), rgba(240, 220, 95, 0));
  }
  .order .truck .light.top {
    top: 4px;
  }
  .order .truck .light.bottom {
    bottom: 4px;
  }
  .order .box {
    --start: var(--sand-light);
    --stop: var(--sand);
    width: 21px;
    height: 21px;
    right: 100%;
    top: 21px;
  }
  .order .box:before, .order .box:after {
    content: "";
    top: 10px;
    position: absolute;
    left: 0;
    right: 0;
  }
  .order .box:before {
    height: 3px;
    margin-top: -1px;
    background: rgba(0, 0, 0, 0.1);
  }
  .order .box:after {
    height: 1px;
    background: rgba(0, 0, 0, 0.15);
  }
  .order.animate .default {
    --o: 0;
    transition-delay: 0s;
  }
  .order.animate .success {
    --offset: 0;
    --o: 1;
    transition-delay: 7s;
  }
  .order.animate .success svg {
    transition-delay: 7.3s;
  }
  .order.animate .truck {
    -webkit-animation: truck 10s ease forwards;
            animation: truck 10s ease forwards;
  }
  .order.animate .truck:before {
    -webkit-animation: door1 2.4s ease forwards 0.3s;
            animation: door1 2.4s ease forwards 0.3s;
  }
  .order.animate .truck:after {
    -webkit-animation: door2 2.4s ease forwards 0.6s;
            animation: door2 2.4s ease forwards 0.6s;
  }
  .order.animate .truck .light:before, .order.animate .truck .light:after {
    -webkit-animation: light 10s ease forwards;
            animation: light 10s ease forwards;
  }
  .order.animate .box {
    -webkit-animation: box 10s ease forwards;
            animation: box 10s ease forwards;
  }
  .order.animate .lines {
    -webkit-animation: lines 10s ease forwards;
            animation: lines 10s ease forwards;
  }
  
  @-webkit-keyframes truck {
    10%, 30% {
      transform: translateX(-164px);
    }
    40% {
      transform: translateX(-104px);
    }
    60% {
      transform: translateX(-224px);
    }
    75%, 100% {
      transform: translateX(24px);
    }
  }
  
  @keyframes truck {
    10%, 30% {
      transform: translateX(-164px);
    }
    40% {
      transform: translateX(-104px);
    }
    60% {
      transform: translateX(-224px);
    }
    75%, 100% {
      transform: translateX(24px);
    }
  }
  @-webkit-keyframes lines {
    0%, 30% {
      opacity: 0;
      transform: scaleY(0.7) translateX(0);
    }
    35%, 65% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      transform: scaleY(0.7) translateX(-400px);
    }
  }
  @keyframes lines {
    0%, 30% {
      opacity: 0;
      transform: scaleY(0.7) translateX(0);
    }
    35%, 65% {
      opacity: 1;
    }
    70% {
      opacity: 0;
    }
    100% {
      transform: scaleY(0.7) translateX(-400px);
    }
  }
  @-webkit-keyframes light {
    0%, 30% {
      opacity: 0;
      transform: perspective(2px) rotateY(-15deg) scaleX(0.88);
    }
    40%, 100% {
      opacity: 1;
      transform: perspective(2px) rotateY(-15deg) scaleX(0.94);
    }
  }
  @keyframes light {
    0%, 30% {
      opacity: 0;
      transform: perspective(2px) rotateY(-15deg) scaleX(0.88);
    }
    40%, 100% {
      opacity: 1;
      transform: perspective(2px) rotateY(-15deg) scaleX(0.94);
    }
  }
  @-webkit-keyframes door1 {
    30%, 50% {
      transform: rotate(32deg);
    }
  }
  @keyframes door1 {
    30%, 50% {
      transform: rotate(32deg);
    }
  }
  @-webkit-keyframes door2 {
    30%, 50% {
      transform: rotate(-32deg);
    }
  }
  @keyframes door2 {
    30%, 50% {
      transform: rotate(-32deg);
    }
  }
  @-webkit-keyframes box {
    8%, 10% {
      transform: translateX(40px);
      opacity: 1;
    }
    25% {
      transform: translateX(112px);
      opacity: 1;
    }
    26% {
      transform: translateX(112px);
      opacity: 0;
    }
    27%, 100% {
      transform: translateX(0px);
      opacity: 0;
    }
  }
  @keyframes box {
    8%, 10% {
      transform: translateX(40px);
      opacity: 1;
    }
    25% {
      transform: translateX(112px);
      opacity: 1;
    }
    26% {
      transform: translateX(112px);
      opacity: 0;
    }
    27%, 100% {
      transform: translateX(0px);
      opacity: 0;
    }
  }

  body .dribbble {
    position: fixed;
    display: block;
    right: 20px;
    bottom: 20px;
  }
  body .dribbble img {
    display: block;
    height: 28px;
  }

  .order-button{
    text-align: center;
  }

   .button2{
        position: relative;
        background: white;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.5em;
        letter-spacing: 0.1em;
        font-weight: 400;
        padding: 20px 40px;
        transition: 0.5s;
        
    }
    .button2:hover{
        letter-spacing: 0.25em;
        background: var(--clr);
        box-shadow: 0 0 35px var(--clr);
        color: var(--clr);
    }
    .button2:before{
        content: '';
        position: absolute;
        inset: 2px;
        background: #27282c;
    }

    .button2 span{
        position: relative;
        z-index: 1;
    }

    .button2 i{
        position: absolute;
        inset: 0;
        display: block;
    }

    .button2 i::before{
        content: '';
        position: absolute;
        top: 0;
        left: 80%;
        width: 10px;
        height: 4px;
        background: #27282c;
        transform: translateX(-50%) skewX(325deg);
        transition: 0.5s;
    }

    .button2:hover i::before {
        width: 20px;
        left: 20%;
    }

    .button2 i::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 20%;
        width: 10px;
        height: 4px;
        background: #27282c;
        transform: translateX(-50%) skewX(325deg);
        transition: 0.5s;
    }

    .button2:hover i::after  {
        width: 20px;
        left: 80%;
       
    }

    
.header__btn {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  padding: 10px 20px;
  display: inline-block;
  margin-right: 10px;
  background-color: #fff;
  border: 1px solid #2c2c2c;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
}
.header__btn:last-child {
  margin-right: 0;
}
.header__btn:hover, .header__btn.js-active {
  color: #fff;
  background-color: #2c2c2c;
}


.header__title {
  margin-bottom: 30px;
  font-size: 2.1rem;
}

.content {
  width: 85%;
  padding-top: 0.5cm;
  margin: 0 auto 0px;
}



.js-hidden {
  display: none;
}

.farrow i{
    color: #27282c;
}

.farrow  i:hover{
color: #d67900;
transform: scale(1.5);
transition: 0.4s;
}

/**************************************************************************** MERCANTILE CSS  *********************************************************************************/

/* Slayt Showisinin tam ekranı kaplaması */
.my-slider {
  width: 100%;
  top: 0;
  margin-bottom: 2cm;
  height: 100vh; /* Ekran yüksekliği kadar kapla */
  position: relative;
  z-index: 1;
}

/* Slayt içeriğinin tam ekranı kaplaması */
.my-slider > div {
  width: 100%;
  height: 100%;
}

/* Görsellerin tam ekranı kaplaması */
.my-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Görsel boyutlarını korurken taşıma */
}

/*HEADER*/

.header_section2 .container {
  max-width: 100%;
  
  background-size:30%;
  height: 130px;
position: absolute;
  transition: top 0.5s ease;
}

.header_section2 .container .main_menu nav > ul > li > a  {
  color: #ffffff !important;
  /* 2px yatay, 2px dikey konumda, 3px bulanıklık, siyah renkte bir metin gölgesi */
text-shadow: 2px 2px 3px black;

}

.header_section2 .container .main_menu nav > ul > li > a.active  {
  font-weight: 600 !important;
  /* 2px yatay, 2px dikey konumda, 3px bulanıklık, siyah renkte bir metin gölgesi */
text-shadow: 2px 2px 3px black;
}


.header_section2 {
  transition: top 0.5s ease;
  
}

.header_section2.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index:99;
  
}





.logo1 a{
display: block;
}


.logo2 a {
  display: block;
  position: relative;
  right: 100px;

}

.logo1 img {
  width: 110px;

  
}

.logo2 img {
  width: 80px;
  
}



.logo2   a:hover {
  
  transform: scale(1.2);
}

.logo1   a:hover {
 
  transform: scale(1.2);  
  }
  

@media only screen and (max-width: 767px) {
  .header_section .container {
    max-width: 576px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_section.mb-30 {
    margin-bottom: 0;
  }
}

.header_transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_transparent {
    position: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .header_transparent {
    position: inherit;
  }
}

.main_header {
  padding: 10px 0 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_header {
    padding: 35px 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .main_header {
    padding: 30px 0;
  }
}

.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  z-index: 99;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}




/********************************************************************  SHOPPING CART KISMI  ****************/

.breadcrumbs_other {
  padding: 25px 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_other {
    padding: 36px 0 65px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_other {
    padding: 26px 0 50px;
  }
}
.breadcrumbs_other .breadcrumb_content {
  margin-bottom: 0;
}
.breadcrumbs_other .breadcrumb_content h3 {
  font-size: 48px;
  line-height: 60px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 36px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_other .breadcrumb_content h3 {
    font-size: 35px;
    line-height: 48px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_other .breadcrumb_content h3 {
    font-size: 23px;
    line-height: 35px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .breadcrumbs_other .breadcrumb_content h3 {
    font-size: 40px;
    line-height: 31px;
  }
}

.shopping_cart_area {
  margin-bottom: 177px;
  padding-top: 1cm;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_cart_area {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_cart_area {
    margin-bottom: 60px;
  }
}

.cart_page_tabel {
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel {
    margin-bottom: 18px;
  }
}
.cart_page_tabel table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table thead {
    display: none;
  }
}
.cart_page_tabel table thead tr th {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr {
    display: flex;
    flex-direction: row;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 14px;
  }
  .cart_page_tabel table tbody tr:last-child {
    margin-bottom: 0;
  }
}
.cart_page_tabel table tbody tr td {
  padding: 28px 0;
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td {
    padding: 10px 0;
  }
}
.cart_page_tabel table tbody tr td:nth-child(1) {
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(1) {
    width: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(1) {
    width: 130px;
    margin: 0 auto;
  }
}
.cart_page_tabel table tbody tr td:nth-child(2) {
  padding-left: 37px;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(2) {
    padding-left: 0;
  }
}
.cart_page_tabel table tbody tr td:nth-child(3) {
  width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(3) {
    width: 100%;
  }
}
.cart_page_tabel table tbody tr td:nth-child(4) {
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 83px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(4) {
    width: 100%;
  }
}
.cart_page_tabel table tbody tr td:nth-child(5) {
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(5) {
    width: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(5) {
    width: 100%;
  }
}
.cart_page_tabel table tbody tr td:nth-child(6) {
  width: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .cart_page_tabel table tbody tr td:nth-child(6) {
    width: 100%;
  }
}
.cart_page_tabel table tbody tr td.product_quantity label {
  font-weight: 600;
  margin-right: 5px;
}
.cart_page_tabel table tbody tr td.product_quantity input {
  width: 60px;
  height: 40px;
  padding: 0 5px 0 10px;
  background: none;
  border: 1px solid #ededed;
}

@media only screen and (max-width: 575px) {
  .cart_product_text {
    width: 100%;
  }
}
.cart_product_text h4 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .cart_product_text h4 {
    font-size: 10px;
    line-height: 24px;
  }
}
.cart_product_text ul li {
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .cart_product_text ul li {
    font-size: 10px;
    line-height: 25px;
  }
}
.cart_product_text ul li span {
  color: #999999;
}

.cart_product_price span {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .cart_product_price span {
    font-size: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .cart_product_remove {
    text-align: center !important;
  }
}
.cart_product_remove a {
  font-size: 20px;
}

.cart_product_remove a:hover {
color: peru;
}

.cart_page_button {
  padding-top: 35px;
}
@media only screen and (max-width: 575px) {
  .cart_page_button {
    flex-direction: row;
  }
}

.shopping_cart_btn a {
  font-size: 14px;
  background: #fff;
  color: #000000;
  padding: 0 37px;
  height: 48px;
  line-height: 46px;
  margin-right: 27px;
}
.shopping_cart_btn a:hover {
  border-color: #6a7964 !important;
 background-color: peru ;
}
.shopping_cart_btn a::before {
  background: #6a7964;
}
@media only screen and (max-width: 767px) {
  .shopping_cart_btn a {
    font-size: 13px;
    padding: 0 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .shopping_cart_btn a {
    margin-bottom: 15px;
  }
}
.shopping_cart_btn button {
  font-size: 14px;
  background: #fff;
  color: #000000;
  padding: 0 37px;
  height: 48px;
  line-height: 46px;
}
.shopping_cart_btn button:hover {
  border-color: #4bec0b !important;
}
.shopping_cart_btn button::before {
  background: #6a7964;
}
@media only screen and (max-width: 767px) {
  .shopping_cart_btn button {
    font-size: 13px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 575px) {
  .shopping_cart_btn button {
    margin-bottom: 15px;
  }
}

.shopping_continue_btn button {
  font-size: 14px;
  padding: 0 45px;
  height: 50px;
  line-height: 48px;
  background-color: #0D1438;
  border-color: unset;
}
@media only screen and (max-width: 767px) {
  .shopping_continue_btn button {
    font-size: 13px;
    padding: 0 17px;
    height: 47px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 575px) {
  .shopping_coupon_calculate.top {
    margin-bottom: 25px;
  }
}

.shopping_continue_btn button:hover {
  color: #000000;
  background-color: white;
  border-color: unset;
}
.shopping_coupon_calculate h3 {
  font-size: 24px;
  line-height: 36px;
  display: block;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 43px;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shopping_coupon_calculate h3 {
    font-size: 22px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping_coupon_calculate h3 {
    font-size: 20px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate h3 {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 16px;
    margin-bottom: 30px;
  }
}
.shopping_coupon_calculate h3::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 2px;
  background: #000000;
  right: 0;
  top: 40%;
  transform: translatey(-50%);
}
.shopping_coupon_calculate .select_option {
  width: 100%;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  height: 52px;
  line-height: 50px;
  border-radius: 0;
  padding: 0 25px;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate .select_option {
    height: 46px;
    line-height: 44px;
  }
}
.shopping_coupon_calculate input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.shopping_coupon_calculate input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.shopping_coupon_calculate input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.shopping_coupon_calculate input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.shopping_coupon_calculate input {
  width: 100%;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
  height: 52px;
  line-height: 50px;
  border-radius: 0;
  padding: 0 25px;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate input {
    height: 46px;
    line-height: 46px;
  }
}
.shopping_coupon_calculate button {
  font-size: 14px;
  padding: 0 37px;
  height: 54px;
  line-height: 52px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .shopping_coupon_calculate button {
    font-size: 13px;
    padding: 0 26px;
    height: 43px;
    line-height: 42px;
  }
}
.shopping_coupon_calculate p {
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  color: #333333;
  margin-bottom: 31px;
  font-weight: 500;
}

.grand_totall_area {
  background: #eef2ec;
  padding: 37px 42px 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand_totall_area {
    padding: 37px 30px 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand_totall_area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .grand_totall_area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .grand_totall_area {
    padding: 28px 25px 21px;
    border-radius: 10px;
  }
}
.grand_totall_area > a {
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  display: inline-block;
  margin-top: 12px;
}

.grand_totall_inner {
  padding-bottom: 27px;
 
}
@media only screen and (max-width: 575px) {
  .grand_totall_inner {
    padding-bottom: 20px;
    margin-bottom: 23px;
  }
}

.proceed_checkout_btn{
  text-align: end;
}

.proceed_checkout_btn a {
  display: block;
  font-size: 14px;
  padding: 0 45px;
  height: 54px;
  line-height: 52px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .proceed_checkout_btn a {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .proceed_checkout_btn a {
    height: 47px;
    line-height: 47px;
  }
}
@media only screen and (max-width: 575px) {
  .proceed_checkout_btn a {
    padding: 0 20px;
  }
}

.cart_subtotal p {
  margin-bottom: 0;
}

.cart_subtotal {
  margin-bottom: 16px;
}
.cart_subtotal p {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #333333;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .cart_subtotal p {
    font-size: 13px;
  }
}
.cart_subtotal span {
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .cart_subtotal span {
    font-size: 13px;
  }
}

.cart_grandtotal p {
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .cart_grandtotal p {
    font-size: 15px;
    line-height: 20px;
  }
}
.cart_grandtotal span {
  font-size: 20px;
  line-height: 30px;
  color: black;
  text-decoration: underline;
  font-weight: 800;
}
@media only screen and (max-width: 575px) {
  .cart_grandtotal span {
    font-size: 15px;
    line-height: 20px;
  }
}



/************************************** CHECKOUT *********************/

.user-actions {
  margin-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .user-actions {
    margin-bottom: 20px;
  }
}
.user-actions h3 {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  background-color: #eff1ec;
  padding: 15px 10px 15px 30px;
  margin-bottom: 0;
  color: #999999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .user-actions h3 {
    font-size: 13px;
    padding: 15px 10px 15px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .user-actions h3 {
    font-size: 13px;
    padding: 12px 10px 12px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .user-actions h3 {
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
  }
}
.user-actions h3 i {
  font-size: 17px;
}
.user-actions h3 a {
  color: #333333;
}
.user-actions h3 a:hover {
  color: #6a7964;
}

.checkout_info {
  border: 1px solid #cccccc;
  margin-top: 25px;
  padding: 20px 30px;
}
.checkout_info p {
  margin-bottom: 15px;
  font-weight: 400;
  color: #666666;
}
.checkout_info a {
  color: #6a7964;
  margin-top: 15px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout_info.coupon_info {
    padding: 20px 14px;
  }
}
.checkout_info.coupon_info form {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .checkout_info.coupon_info form {
    flex-direction: column;
  }
}
.checkout_info.coupon_info form input {
  border: 1px solid #cccccc;
  background: none;
  height: 45px;
  width: 220px;
  padding: 0 20px;
  color: #000000;
  border-radius: 0;
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout_info.coupon_info form input {
    width: 188px;
    margin-right: 13px;
  }
}

.form_group {
  margin-bottom: 20px;
}
.form_group label {
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 6px;
  cursor: pointer;
  display: block;
}
.form_group input {
  border: 1px solid #cccccc;
  background: none;
  height: 45px;
  width: 100%;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .form_group input {
    width: 100%;
  }
}
.form_group button {
  margin-right: 20px;
}

.form_group input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 767px) {
  .form_group input[type="checkbox"] {
    margin-right: 3px;
  }
}

.form_group.group_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form_group.group_3 label {
  margin-bottom: 0;
  line-height: 34px;
  cursor: pointer;
}
.form_group.group_3 label:hover {
  color: #6a7964;
}

#checkout_coupon input {
  background: none;
  border: 1px solid #cccccc;
  width: 200px;
  height: 45px;
  font-size: 12px;
  padding: 0 20px;
  color: #000000;
}
#checkout_coupon button {
  width: 130px;
  background: #000000;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
  transition: .3s;
  border: 0;
  height: 45px;
  line-height: 45px;
  border-radius: 3px;
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  #checkout_coupon button {
    margin-top: 20px;
  }
}
#checkout_coupon button:hover {
  background: #6a7964;
}

.mb-20 {
  margin-bottom: 20px;
}

.checkout_form h3 {
  font-size: 24px;
  line-height: 36px;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 14px;
  }
}
.checkout_form p {
  font-size: 14px;
  font-weight: 500;
}
.checkout_form p i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

.checkout_form_input {
  margin-bottom: 10px;
  border-radius: 10px;
}
.checkout_form_input input {
  border: 1px solid #cccccc;
  background: none;
  border-radius: 10px !important;

  height: 54px;
  width: 100%;
  padding: 0 20px;
  color: #000000;
  
  border-radius: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form_input input {
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form_input input {
    height: 40px;
  }
}
.checkout_form_input textarea {
  width: 100%;
  height: 144px;
  border: 1px solid #cccccc;
  resize: none;
  padding: 10px 10px;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input textarea {
    height: 110px;
  }
}
.checkout_form_input .select_option {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px;
  margin-bottom: 10px;
  height: 54px;
  line-height: 52px;
  border: 1px solid #cccccc;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_form_input .select_option {
    height: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_form_input .select_option {
    height: 40px;
    line-height: 40px;
  }
}
.checkout_form_input .select_option ul.list {
  width: 100%;

  overflow: auto;
}
.checkout_form_input .select_option::after {
  top: 56%;
}
.checkout_form_input label {
  font-size: 14px;
  line-height: 36px;
  color: #999999;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 6px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input label {
    font-size: 14px;
    color: black;
    font-family: 'DM Sans', sans-serif;

    line-height: 26px;
  }
}
.checkout_form_input label span {
  color: #ff3333;
}
.checkout_form_input label.righ_0 {
  cursor: pointer;
  font-size: 15px;
  line-height: 27px;
  padding: 5px 10px;
  text-transform: capitalize;
  color: #ffffff;
  background: #000000;
  font-weight: 600;
  transition: .3s;
  margin-bottom: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .checkout_form_input label.righ_0 {
    font-size: 13px;
    line-height: 25px;
    padding: 3px 10px;
  }
}
.checkout_form_input label.righ_0:hover {
  background: #000000;
}

.checkout_form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.order_button button {
  cursor: pointer;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 10px;
  text-transform: capitalize;
  color: #ffffff;
  background: #6a7964;
  font-weight: 600;
  transition: .3s;
  margin-bottom: 0;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .order_button button {
    font-size: 14px;
  }
}
.order_button button:hover {
  background: #000000;
}

@media only screen and (max-width: 767px) {
  .order-notes {
    margin-bottom: 58px;
  }
}
.order-notes textarea {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 45px;
  max-width: 100%;
  padding: 0 30px 0 20px;
  background: none;
  font-size: 13px;
  resize: none;
  line-height: 45px;
  width: 100%;
  color: #000000;
}
.order-notes label {
  line-height: 13px;
}

.checkout_section {
  margin-bottom: 158px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout_section {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout_section {
    margin-bottom: 60px;
  }
}

.order_table {
  margin-bottom: 35px;
  background: #eff1ec;
  padding: 40px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order_table {
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .order_table {
    margin-bottom: 20px;
    padding: 15px 18px;
    border-radius: 10px ;
  }
}
.order_table table {
  width: 100%;
}
.order_table table thead tr th {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  min-width: 50%;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.order_table table tbody tr td {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  min-width: 50%;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .order_table table tbody tr td {
    font-size: 13px;
    min-width: 50%;
    padding: 9px 0;
  }
}
.order_table table tfoot tr td {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  min-width: 50%;
  padding: 15px 0 25px;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .order_table table tfoot tr td {
    font-size: 15px;
    padding: 10px 0 13px;
  }
}
.order_table table tfoot tr.order_total th {
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
  min-width: 50%;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}
.order_table table tfoot tr.order_total td {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  min-width: 50%;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .order_table table tfoot tr.order_total td {
    font-size: 15px;
    padding: 10px 0 13px;
  }
}

.panel_radio {
  position: relative;
}
.panel_radio input {
  position: absolute;
  top: 13px;
  transform: translatey(-50%);
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: 18px;
  height: 18px;
}
.panel_radio input:checked ~ .checkmark::before {
  display: block;
}
.panel_radio span {
  background: #fff;
  border: 2px solid #000;
}
.panel_radio span.checkmark {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 12px;
  transform: translatey(-50%);
  transition: .3s;
}
.panel_radio span.checkmark::before {
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000000;
  border-width: 0 2px 2px 0;
  content: "";
  position: absolute;
  display: none;
}

.panel-default {
  margin-bottom: 20px;
}
.panel-default label {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0;
  cursor: pointer;
  padding-left: 32px;
}
@media only screen and (max-width: 767px) {
  .panel-default label {
    font-size: 14px;
  }
}
.panel-default .card-body1 {
  padding-left: 30px;
  padding-top: 14px;
}
@media only screen and (max-width: 767px) {
  .panel-default .card-body1 {
    padding-left: 25px;
    padding-top: 6px;
  }
}
.panel-default .card-body1 p {
  font-size: 13px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}

.place_order_btn a {
  display: block;
  font-size: 18px;
  padding: 0 45px;
  height: 66px;
  line-height: 66px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .place_order_btn a {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .place_order_btn a {
    height: 47px;
    line-height: 47px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .place_order_btn a {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .order_table_right {
    margin-top: 42px;
  }
}

.button {
  --primary: peru;
  --primary-dark: peru;
  --primary-darkest: peru;
  --text: #FFFFFF;
  --text-opacity: 1;
  --success: #2B3044;
  --success-scale: .2;
  --success-opacity: 0;
  --border-radius: 0;
  --overflow: hidden;
  --rotate: 0;
  --plane-x: 0;
  --plane-y: 0;
  --plane-opacity: 1;
  --left-wing-background: var(--primary);
  --left-wing-first-x: 0;
  --left-wing-first-y: 0;
  --left-wing-second-x: 50;
  --left-wing-second-y: 0;
  --left-wing-third-x: 0;
  --left-wing-third-y: 100;
  --left-body-background: var(--primary);
  --left-body-first-x: 50;
  --left-body-first-y: 0;
  --left-body-second-x: 50;
  --left-body-second-y: 100;
  --left-body-third-x: 0;
  --left-body-third-y: 100;
  --right-wing-background: var(--primary);
  --right-wing-first-x: 50;
  --right-wing-first-y: 0;
  --right-wing-second-x: 100;
  --right-wing-second-y: 0;
  --right-wing-third-x: 100;
  --right-wing-third-y: 100;
  --right-body-background: var(--primary);
  --right-body-first-x: 50;
  --right-body-first-y: 0;
  --right-body-second-x: 50;
  --right-body-second-y: 100;
  --right-body-third-x: 100;
  --right-body-third-y: 100;
  display: block;
  cursor: pointer;
  position: relative;
  border: 0;
  
  padding: 8px 0;
  min-width: 150px;
  min-height: 50px;
  text-align: center;
  margin: 0;
  line-height: 24px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  background: none;
  outline: none;
  color: var(--text);
  transform: rotate(calc(var(--rotate) * 1deg)) translateZ(0);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.button .left,
.button .right {
  position: absolute;
  left: 1px;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: var(--plane-opacity);
  transform: translate(calc(var(--plane-x) * 1px), calc(var(--plane-y) * 1px)) translateZ(0);
}
.button .left:before, .button .left:after,
.button .right:before,
.button .right:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: calc(var(--border-radius) * 1px);
  transform: translate(var(--x, 0.4%), var(--y, 0)) translateZ(0);
  z-index: var(--z-index, 2);
  background: var(--background, var(--left-wing-background));
  -webkit-clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x)) * 1%) calc(var(--first-y, var(--left-wing-first-y)) * 1%), calc(var(--second-x, var(--left-wing-second-x)) * 1%) calc(var(--second-y, var(--left-wing-second-y)) * 1%), calc(var(--third-x, var(--left-wing-third-x)) * 1%) calc(var(--third-y, var(--left-wing-third-y)) * 1%));
          clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x)) * 1%) calc(var(--first-y, var(--left-wing-first-y)) * 1%), calc(var(--second-x, var(--left-wing-second-x)) * 1%) calc(var(--second-y, var(--left-wing-second-y)) * 1%), calc(var(--third-x, var(--left-wing-third-x)) * 1%) calc(var(--third-y, var(--left-wing-third-y)) * 1%));
}
.button .left:after {
  --x: 0;
  --z-index: 1;
  --background: var(--left-body-background);
  --first-x: var(--left-body-first-x);
  --first-y: var(--left-body-first-y);
  --second-x: var(--left-body-second-x);
  --second-y: var(--left-body-second-y);
  --third-x: var(--left-body-third-x);
  --third-y: var(--left-body-third-y);
}
.button .right:before {
  --x: -.4%;
  --z-index: 2;
  --background: var(--right-wing-background);
  --first-x: var(--right-wing-first-x);
  --first-y: var(--right-wing-first-y);
  --second-x: var(--right-wing-second-x);
  --second-y: var(--right-wing-second-y);
  --third-x: var(--right-wing-third-x);
  --third-y: var(--right-wing-third-y);
}
.button .right:after {
  --x: 0;
  --z-index: 1;
  --background: var(--right-body-background);
  --first-x: var(--right-body-first-x);
  --first-y: var(--right-body-first-y);
  --second-x: var(--right-body-second-x);
  --second-y: var(--right-body-second-y);
  --third-x: var(--right-body-third-x);
  --third-y: var(--right-body-third-y);
}
.button span {
  display: block;
  position: relative;
  z-index: 4;
  opacity: var(--text-opacity);
}
.button span.success {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  transform: rotate(calc(var(--rotate) * -1deg)) scale(var(--success-scale)) translateZ(0);
  opacity: var(--success-opacity);
  color: var(--success);
}





.button3 {
  --background: black;
  --color: #F6F8FF;
  --shadow: rgba(0, 9, 61, 0.24);
  --cannon-dark: #A6ACCD;
  --cannon-light: #F6F8FF;
  --cannon-shadow: rgba(13, 15, 24, 0.9);
  --confetti-1: #892AB8;
  --confetti-2: #EA4C89;
  --confetti-3: #FFFF04;
  --confetti-4: #4AF2FD;
  --z-before: -6;
 height: 55px;
  outline: none;
  cursor: pointer;
  position: relative;
  border: 0;
  background: none;
  padding: 9px 22px 9px 16px;
  line-height: 26px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--color);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--transform-duration, 0.4s);
  will-change: transform;
  transform-style: preserve-3d;
  transform: perspective(440px) rotateX(calc(var(--rx, 0) * 1deg)) rotateY(calc(var(--ry, 0) * 1deg)) translateZ(0);
}
.button3:hover {
  --transform-duration: .16s;
}
.button3.success {
  --confetti-scale: 0;
  --stroke-dashoffset: 15;
}
.button3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  
  border-radius: 0px;
  transform: translateZ(calc(var(--z-before) * 1px));
  background: var(--background);
  box-shadow: 0 4px 8px var(--shadow);
}
.button3 .icon,
.button3 span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
}
.button3 .icon {
  --z: 2px;
  width: 24px;
  height: 14px;
  margin: 8px 16px 0 0;
  transform: translate(calc(var(--icon-x, 0) * 1px), calc(var(--icon-y, 0) * 1px)) translateZ(2px);
}
.button3 .icon .confetti {
  position: absolute;
  left: 17px;
  bottom: 9px;
}
.button3 .icon .confetti svg {
  width: 18px;
  height: 16px;
  display: block;
  stroke-width: 1px;
  fill: none;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.button3 .icon .confetti svg * {
  transition: stroke-dashoffset 0.2s;
  stroke-dasharray: 15 20;
  stroke-dashoffset: var(--stroke-dashoffset, 0);
  stroke: var(--stroke-all, var(--stroke, var(--confetti-2)));
}
.button3 .icon .confetti svg *:nth-child(2) {
  --stroke: var(--confetti-3);
}
.button3 .icon .confetti svg *:nth-child(3) {
  --stroke: var(--confetti-1);
}
.button3 .icon .confetti .emitter {
  position: absolute;
  left: 4px;
  bottom: 4px;
  pointer-events: none;
}
.button3 .icon .confetti .emitter div {
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  border-radius: 1px;
  position: absolute;
  left: 0;
  top: 0;
  transform-style: preserve-3d;
  background: var(--confetti-all, var(--b, none));
}
.button3 .icon .confetti i {
  width: 4px;
  height: 4px;
  display: block;
  transform: scale(var(--confetti-scale, 0.5));
  position: absolute;
  transition: transform 0.25s;
  left: var(--left, -1px);
  top: var(--top, 3px);
  border-radius: var(--border-radius, 1px);
  background: var(--confetti-background, var(--confetti-3));
}
.button3 .icon .confetti i:nth-child(2) {
  --left: 9px;
  --top: -1px;
  --border-radius: 2px;
  --confetti-background: var(--confetti-4);
}
.button3 .icon .confetti i:nth-child(3) {
  --left: 5px;
  --top: 3px;
  --confetti-background: var(--confetti-1);
}
.button3 .icon .confetti i:nth-child(4) {
  --left: 10px;
  --top: 14px;
  --confetti-background: var(--confetti-2);
}
.button3 .icon .confetti i:nth-child(5) {
  --left: 9px;
  --top: 7px;
  --confetti-background: var(--confetti-4);
}
.button3 .icon .confetti i:nth-child(6) {
  --left: 6px;
  --top: 8px;
  --border-radius: 2px;
  --confetti-background: var(--confetti-2);
}
.button3 .icon .cannon {
  position: relative;
  width: 24px;
  height: 14px;
  transform: translate(0, 3px) rotate(-45deg);
  filter: drop-shadow(-2px 2px 2px var(--cannon-shadow));
}
.button3 .icon .cannon:before, .button3 .icon .cannon:after {
  content: "";
  display: block;
  height: 14px;
}
.button3 .icon .cannon:before {
  background: linear-gradient(var(--cannon-dark), var(--cannon-light) 50%, var(--cannon-dark));
  width: 100%;
  -webkit-clip-path: polygon(25px -1px, 0 52%, 25px 15px);
  clip-path: polygon(25px -1px, 0 52%, 25px 15px);
}
.button3 .icon .cannon:after {
  width: 6px;
  position: absolute;
  right: -3px;
  top: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.5px var(--cannon-light);
  background: linear-gradient(90deg, var(--cannon-dark), var(--cannon-light));
}
.button3.white {
  --background: #fff;
  --color: #1E2235;
  --border: #E1E6F9;
  --shadow: none;
  --cannon-dark: #103FC5;
  --cannon-light: #275EFE;
  --cannon-shadow: rgba(0, 9, 61, 0.2);
}
.button3.white:before {
  box-shadow: inset 0 0 0 1px var(--border);
}
.button3.grey {
  --background: #404660;
  --cannon-shadow: rgba(13, 15, 24, 0.2);
  --cannon-dark: #D1D6EE;
  --cannon-light: #FFFFFF;
}

button {
  border: 0;
  background: transparent;
  webkit-appearance: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
  text-align: center;
  outline: none;
  cursor: pointer;
}

.add-to-cart {
  width: 180px;
  height: 50px;
  position: relative;
  z-index: 2;
  background: peru;
  color: #fff;
  border-radius: 3px;
  transition: all 0.2s ease-out;
}



.btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-text {
  white-space: nowrap;
  line-height: 50px;
  transition: all 0.2s ease-in-out;
}

.add .add-to-cart {
  -webkit-animation: 0.3s btn-add normal forwards ease;
          animation: 0.3s btn-add normal forwards ease;
}
.add .btn-text {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.add .circle {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-name: circle-check-loader;
          animation-name: circle-check-loader;
}
.add .check {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
  -webkit-animation-name: check;
          animation-name: check;
}

@-webkit-keyframes btn-add {
  80% {
    opacity: 1;
  }
  95% {
    width: 50px;
    border-radius: 100px;
    background-color: transparent;
  }
  100% {
    opacity: 0;
  }
}

@keyframes btn-add {
  80% {
    opacity: 1;
  }
  95% {
    width: 50px;
    border-radius: 100px;
    background-color: transparent;
  }
  100% {
    opacity: 0;
  }
}
.icon-loader-check {
  margin-top: 15px;
  margin-left: 30px;
  width: 54px;
  height: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.circle {
  stroke-dashArray: 1666, 1650;
  stroke-dashoffset: 2000;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.check {
  stroke-dashArray: 340;
  stroke-dashoffset: 340;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes circle-check-loader {
  0% {
    stroke-dashArray: 1666, 1650;
    stroke-dashoffset: 2000;
  }
  100% {
    stroke-dashOffset: 3320;
  }
}

@keyframes circle-check-loader {
  0% {
    stroke-dashArray: 1666, 1650;
    stroke-dashoffset: 2000;
  }
  100% {
    stroke-dashOffset: 3320;
  }
}
@-webkit-keyframes check {
  0% {
    stroke-dashArray: 340;
    stroke-dashoffset: 340;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    stroke-dashOffset: 94;
    opacity: 1;
  }
}
@keyframes check {
  0% {
    stroke-dashArray: 340;
    stroke-dashoffset: 340;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    stroke-dashOffset: 94;
    opacity: 1;
  }
}


.instagram-button:hover{
color: rgb(0, 110, 255);
text-decoration: underline;
transition: 0.7s;
}

.instagram-button h3:hover{
  color: rgb(0, 110, 255);
  transition: 0.7s;
}

.product-section{
  display: flex;
}

.header_section2 .container{
  background-image: url(../img/shutterstock/stock-photo-black-dark-and-gray-abstract-cement-wall-and-studio-room-gradient-background-1016583874-transformed.jpeg );
  background-size: 57% ;
}

.canvas_open i:active{
  color: black !important;
}


.canvas_open i:hover{
  color: rgb(204, 203, 203) !important;
}

.producter img{
  max-height: 600px ;
  
}

/*

.product_thumb img{
  height: 250px;
  width: 300px;
}

*/

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.no-spin {
    -moz-appearance: textfield;
}



#submit-button {
  display: block;
  margin: 0 auto; /* Düğmeyi yatay olarak ortala */
  text-align: center; /* Formu yatay olarak ortala */
  padding-top: 15px;
  margin-top: 25px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#message-container{
  display: block;
  margin: 0 auto; /* Düğmeyi yatay olarak ortala */
  text-align: center; /* Formu yatay olarak ortala */
}

#error-message p{
  color: red;
  font-size: 20px;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;

}

#success-message{
  color: green;
  font-size: 20px;
  font-family: 'DM Sans', sans-serif;
}

.search-bar{

 padding-top: 6px;

}

.search-bar form{
 
 
 
  display: flex;
  border: 1px solid white; /* Beyaz bir çerçeve ekler */
  border-radius: 4px; /* Kenar yuvarlama (isteğe bağlı) */
  padding: 5px; /* İkon ile çerçeve arasındaki boşluk */

}


.cookie-banner {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  display: none;
  z-index: 99999999999999999999999999999999999999999999999999999999999999;
}

.cookie-banner p{
margin-top: 16px;
 
}

.accept-cookie-button {
  background-color: #cd853f;

  color: #fff;
  border: none;
  right: 0;
  padding: 10px 20px;
  cursor: pointer;
  position: fixed !important;
  margin-right: 1vw;
  margin-top: 7px;
}






/*******************************************************************/









.easyzoom-style {
  position: relative;
}

.easyzoom-style .easyzoom {
  display: block;
}

.easyzoom-style .easyzoom > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.easyzoom-style .easyzoom > a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-dec-small-style1 {
  width: 490px;
  margin: 27px auto 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-small-style1 {
    width: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-small-style1 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-small-style1 {
    width: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-small-style1 {
    width: 100%;
  }
}

.product-dec-small-style1 .product-dec-small {
  margin: 0 10px 0px 10px;
  cursor: pointer;
}

.product-dec-small-style1 .product-dec-small img {
  width: 100%;
  opacity: .4;
}

.product-dec-small-style1 .product-dec-small.slick-active.slick-current img {
  opacity: 1;
}

.product-dec-small-style1 .product-dec-small:last-child {
  margin: 0 0 0px;
}

.product-dec-small-style1 span {
  font-size: 10px;
  position: absolute;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  z-index: 9;
  width: 23px;
  height: 23px;
  line-height: 22px;
  border: 1px solid #979797;
  color: #1E1E1E;
  text-align: center;
  border-radius: 100%;
}

.product-dec-small-style1 span:hover {
  color: #ffffff;
  border: 1px solid #BB9B1F;
  background-color: #BB9B1F;
}

.product-dec-small-style1 span.pro-dec-prev {
  left: -0.7%;
}

.product-dec-small-style1 span.pro-dec-next {
  left: auto;
  right: -0.7%;
}

.product-details-tab {
  margin-right: -8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-tab {
    margin-right: 0px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-tab {
    margin-right: 0px;
    margin-bottom: 50px;
  }
}



.color_option {
  width: 100px;
  height: 100px;
  margin-right: 25px; 
}

.color_option img{
  height: 100px;
  
}

.product_thumb {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product_thumb img {
  max-width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.5s ease;
}


.second_image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
} 


.product_thumb:hover .second_image {
  opacity: 1;
}
.product_thumb img {
  max-width: 100%;
  max-height: 250px;
  object-fit: contain;
 
}


.campaign {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999999999999999999999999999999999999999999999999999999999; /* Diğer elementlerin üstünde olacak */
  overflow: visible; /* Resmin sağ üst çaprazına butonun konumlandırılması için overflow'yu göstermek gerekebilir */
  display: inline-block; /* Butonun resmin içinde değil de resmin yanında konumlanması için */
  text-align: center; 
}

.campaign img{
  max-height: 500px;
  max-width: auto;
  border-radius: 10px;
}

.close-btn {
  position: absolute;
  top: -40px; /* Resmin üst kısmından 10px yukarıda */
  right: -40px; /* Resmin sağ kısmından 10px sağda */
  background: transparent;
  border: none;
  font-size: 50px;
  cursor: pointer;
  color: white;
  padding: 5px;
  z-index: 9999999999999999999999999999999999999999999999999999999999999; /* Resmin üstünde olacak */
}

.campaign_title{
  position: absolute;
  top: -100px; /* Resmin üst kısmından 10px yukarıda */
  left: 50%; /* Resmin yatay ortalaması için */
  transform: translateX(-50%); /* Resmin yatay ortalaması için */
  color: white;
  font-family: 'DM Sans', sans-serif;
  font-size:4em;
  white-space: nowrap;
}

.campaign_desc{
  position: absolute;
  bottom: -60px; /* Resmin üst kısmından 10px yukarıda */
  left: 50%; /* Resmin yatay ortalaması için */
  transform: translateX(-50%); /* Resmin yatay ortalaması için */
  color: white;
  font-family: 'DM Sans', sans-serif;
  font-size: x-large;
  white-space: nowrap;
  
}

.body_overlay2{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: progress;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  animation: fadeIn 1.3s ease-in-out 1.3s forwards; /* Animasyonu ekliyoruz */
}

.body_overlay2.active {
  opacity: 0; /* Başlangıçta görünmez olacak */
  visibility: visible;
  cursor: default !important;
  animation: fadeIn 1.3s ease-in-out 1.3s forwards; /* Animasyonu ekliyoruz */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1.3; }
}


.outstock {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999999999999999999999999999999999999999999999999999999999; /* Diğer elementlerin üstünde olacak */
  overflow: visible; /* Resmin sağ üst çaprazına butonun konumlandırılması için overflow'yu göstermek gerekebilir */
  display: inline-block; /* Butonun resmin içinde değil de resmin yanında konumlanması için */
  text-align: center; 
 
  border-radius: 10px;
  border: 2px solid black;
  background-color: gray;
}

.outstock p{
  padding-top: 2em;
  color: white;
}

.outstockbutton{
  margin-bottom: 0.3cm !important;
  margin-top: 0.3cm !important;
}

.outstockitems{
  padding-top: 0 !important;
}

.form_input select{
  width: 100%;
  height: 55px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 21px;
  color: #676767;
  background: #F9F9F9;
}


.top-bar {
  background-color: peru;
  color: white;
  padding: 7px 20px;
  text-align: center;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  position: relative; /* sticky değil, sadece sayfanın en üstünde */
  z-index: 1000;
}

.top-bar p {
  margin: 0;
  font-weight: 500;
}

.content {
  padding: 20px;
}

/* Responsive ayarları */
@media (max-width: 768px) {
  .top-bar {
      font-size: 14px;
      padding: 8px 15px;
  }
}

@media (max-width: 480px) {
  .top-bar {
      font-size: 12px;
      padding: 6px 10px;
  }
}