/*============================================================
[Master Stylesheet]
Theme Name            :Farzaa - Multipurpose E-commerce HTML Template
Version               :1.0.0
Author                :Codebasket
URL                   :https://themeforest.net/user/codebasket


-----------------------------------------------------------------------------------
Front End is Developed By Shaikh Abu Amer on behalf of Codebasket
=========================================================*/

/*=======================================================
TABLE OF CONTENTS:
01  Global Styles
02  Components

======SECTION STYLSHEET======
03  Header section
04  Banner section
05  Category section
06  Layer cake section
07  Featured Product Section
08  Modern Door Section
09  Client section
10  Special Offer section
11  Video section
12  Latest Product section
13  Call-to-Action section
15  Luxury Deals section
16  Hot Deals section
17  Testimonial section
18  Blog Section
19  Gallery Section
20  Features Section
21  Footer Section

======INNER PAGES stylsheet======
22  Shop Page
22  Shop Details Page
22  Blog Page
22  Blog Details
22  Cart Page
22  Contact Page
22  FAQ Page
22  About Page
22  Account Page
22  Checkout Page
=========================================================*/
/* Default Version */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400;500;600;700;800&family=Poppins:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap");

@font-face {
  font-family: "Futura PT";
  src: url("../fonts/futuraptbook.otf");
  font-weight: 400;
}

/* Demi Version */
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/futuraptdemi.otf");
  font-weight: 600;
}

/* Medium Version */
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/futuraptmedium.otf");
  font-weight: 500;
}

/* Light Version */
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/futuraptlight.otf");
  font-weight: 200;
}

/* soligant font */
@font-face {
  font-family: "Soligant";
  src: url("../fonts/soligant.otf");
  font-weight: 400;
}

/* ----- FONTS ----- */
:root {
  --clr-theme-primary: #0063d1;
  --clr-theme-primary-dark: #024d9f;
  --clr-theme-secondary: #00274C;
  --clr-theme-tertiary: #FF2525;
  --clr-theme-3: #9F4700;
  --clr-theme-4: #bf8200;
  --clr-theme-5: #C9F31D;
  --clr-body-color: #777777;
  --clr-body-dark: #191919;
  --clr-body-dark-2: #1b1c19;
  --clr-body-dark-3: #060606;
  --clr-body-soft: #999999;
  --clr-body-text: #616161;
  --clr-common-white: #fff;
  --clr-border-soft: #f2f2f2;
  --clr-common-black: #282828;
  --clr-common-black-deep: #000;
  --clr-common-bg-gray: #f5f5f5;
  --clr-gray-soft: #f8f8f8;
  --clr-gray-2: #DBDBDB;
  --clr-gray-3: #CBCBCB;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background-color: var(--clr-common-white);
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
  margin: 0;
  line-height: 1.4;
}

.fz-1-body {
  font-family: "Kanit", sans-serif;
}

.fz-1-body h1,
.fz-1-body h2,
.fz-1-body h3,
.fz-1-body h4,
.fz-1-body h5,
.fz-1-body h6 {
  font-family: "Tenor Sans", sans-serif;
}

.fz-4-body {
  font-family: "Urbanist", sans-serif;
}

.fz-4-body h1,
.fz-4-body h2,
.fz-4-body h3,
.fz-4-body h4,
.fz-4-body h5,
.fz-4-body h6 {
  font-family: "Urbanist", sans-serif;
}

@media screen and (max-width: 991px) {
  .fz-4-body {
    padding-bottom: 51px;
  }
}

.fz-5-body {
  font-family: "Roboto", sans-serif;
}

.fz-5-body h1,
.fz-5-body h2,
.fz-5-body h3,
.fz-5-body h4,
.fz-5-body h5,
.fz-5-body h6 {
  font-family: "Roboto", sans-serif;
}

@media screen and (min-width: 1400px) {
  .fz-5-body .container {
    max-width: 1290px;
  }
}

@media screen and (min-width: 1700px) {
  .fz-5-body .container {
    max-width: 1554px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-body {
    padding-bottom: 51px;
  }
}

.fz-6-body {
  font-family: "Plus Jakarta Sans", sans-serif;
  z-index: 1;
  position: relative;
}

.fz-6-body h1,
.fz-6-body h2,
.fz-6-body h3,
.fz-6-body h4,
.fz-6-body h5,
.fz-6-body h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.fz-7-body {
  font-family: "Josefin Sans", sans-serif;
}

.fz-7-body h1,
.fz-7-body h2,
.fz-7-body h3,
.fz-7-body h4,
.fz-7-body h5,
.fz-7-body h6 {
  font-family: "Josefin Sans", sans-serif;
}

.fz-8-body {
  font-family: "Teko", sans-serif;
}

.fz-8-body h1,
.fz-8-body h2,
.fz-8-body h3,
.fz-8-body h4,
.fz-8-body h5,
.fz-8-body h6 {
  font-family: "Teko", sans-serif;
}

.fz-9-body {
  font-family: "Baloo Paaji 2";
}

.fz-9-body h1,
.fz-9-body h2,
.fz-9-body h3,
.fz-9-body h4,
.fz-9-body h5,
.fz-9-body h6 {
  font-family: "Baloo Paaji 2";
}

.fz-11-body {
  font-family: "Oswald", sans-serif;
}

.fz-11-body h1,
.fz-11-body h2,
.fz-11-body h3,
.fz-11-body h4,
.fz-11-body h5,
.fz-11-body h6 {
  font-family: "Oswald", sans-serif;
}

.fz-12-body {
  font-family: "Playfair Display", serif;
}

.fz-12-body h1,
.fz-12-body h2,
.fz-12-body h3,
.fz-12-body h4,
.fz-12-body h5,
.fz-12-body h6 {
  font-family: "Playfair Display", serif;
}

body p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
}

@media screen and (min-width: 1400px) {
  div.container-2 {
    max-width: 1830px;
  }

  .container {
    max-width: 1464px;
  }
}

@media screen and (min-width: 1400px) and (min-width: 1400px) and (max-width: 1599px) {
  .container {
    max-width: 1290px;
  }
}

input,
select,
textarea,
button {
  padding: 0;
  border: 0;
  outline: none;
  transition: 0.3s;
  background: transparent;
}

input[type=number],
[type=month] {
  width: 100%;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-calendar-picker-indicator,
[type=month]::-webkit-inner-spin-button,
[type=month]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}

span {
  display: inline-block;
}

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

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

[data-aos=fade-up] {
  transform: translate3d(0, 40px, 0);
}

.bg-default {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.fz-def_btn_wrapper {
  display: inline-block;
}

.fz-def-btn {
  width: 150px;
  height: 150px;
  line-height: 150px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  background: transparent;
  font-weight: 500;
  font-family: "Adobe Clean", sans-serif;
  transition: all 0.7s;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.fz-def-btn:hover {
  color: #000;
}

.fz-def-btn:hover span {
  width: 380px;
  height: 380px;
}

@media screen and (max-width: 1199px) {
  .fz-def-btn {
    width: 130px;
    height: 130px;
    line-height: 130px;
  }
}

@media screen and (max-width: 479px) {
  .fz-def-btn {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 14px;
  }
}

.fz-def-btn span {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  background-color: #ffffff;
  z-index: -1;
  border-radius: 100%;
  transition: all 0.7s;
  transform: translate(-50%, -50%);
}

.fz-def-btn i {
  font-size: 14px;
  display: inline-block;
}

.fz-4-def-btn {
  background: #126300;
  color: #ffffff;
  padding: 15px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
}

.fz-4-def-btn-sm {
  padding: 10px 35px;
}

@media screen and (max-width: 991px) {
  .fz-4-def-btn {
    padding: 10px 25px;
  }
}

.fz-4-def-btn:hover {
  background-color: #222222;
  color: #ffffff;
}

.fz-4-def-btn-2 {
  background: #126300;
  color: #ffffff;
  padding: 10px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
}

.fz-4-def-btn-2-sm {
  padding: 10px 35px;
}

@media screen and (max-width: 767px) {
  .fz-4-def-btn-2 {
    padding: 5px 25px;
  }
}

.fz-4-def-btn-2:hover {
  background-color: #ffffff;
  color: #126300;
}

.fz-5-def-btn {
  font-family: "Inter", sans-serif;
  background: #ffffff;
  color: #0A0A0A;
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  border-radius: 25px;
}

.fz-5-def-btn-sm {
  height: 40px;
  line-height: 40px;
  padding: 0 35px;
}

@media screen and (max-width: 991px) {
  .fz-5-def-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-size: 16px;
  }

  .fz-5-def-btn.fz-5-def-btn-sm {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
  }

  .fz-5-def-btn.fz-5-def-btn-sm.border {
    line-height: 33px;
  }
}

.fz-5-def-btn:hover {
  background-color: #CC0C0C;
  color: #ffffff;
}

.fz-5-def-btn-2 {
  font-family: "Inter", sans-serif;
  background: #0A0A0A;
  color: #f3f3f3;
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  border-radius: 25px;
}

.fz-5-def-btn-2-sm {
  height: 40px;
  line-height: 40px;
  padding: 0 35px;
}

@media screen and (max-width: 991px) {
  .fz-5-def-btn-2 {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-size: 16px;
  }
}

.fz-5-def-btn-2:hover {
  background-color: #CC0C0C;
  color: #ffffff;
}

.fz-4-section-heading {
  margin-bottom: 47px;
}

@media screen and (max-width: 1399px) {
  .fz-4-section-heading {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-section-heading {
    margin-bottom: 22px;
  }
}

.fz-4-section-heading .fz-section-title {
  font-size: 34px;
  font-weight: 700;
  color: var(--clr-body-dark);
  margin-top: -9px;
  margin-bottom: 0;
}

.fz-4-section-heading .fz-section-title span {
  color: #05707c;
}

@media screen and (max-width: 1199px) {
  .fz-4-section-heading .fz-section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-section-heading .fz-section-title {
    font-size: 24px;
    margin-top: -7px;
  }
}

@media screen and (max-width: 767px) {
  .fz-4-section-heading .fz-section-title {
    text-align: center;
  }
}

.fz-4-section-heading-nav {
  gap: 30px;
}

@media screen and (max-width: 991px) {
  .fz-4-section-heading-nav {
    gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-4-section-heading-nav {
    margin-top: -13px;
  }
}

.fz-4-section-heading-nav .fz-nav-item .nav-link.active {
  color: #126300;
}

.fz-4-section-heading-nav .fz-nav-item .nav-link.active::before {
  width: 100%;
}

.fz-4-section-heading-nav button {
  color: #212529;
  font-size: 16px;
  font-weight: 700;
  transition: 0.4s ease;
  position: relative;
  padding: 0;
  color: #707070;
}

.fz-4-section-heading-nav button::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  background-color: #707070;
  height: 1px;
  width: 0%;
  transition: 0.4s ease;
}

@media screen and (max-width: 991px) {
  .fz-4-section-heading-nav button {
    font-size: 15px;
  }

  .fz-4-section-heading-nav button::before {
    bottom: 3px;
  }
}

.fz-4-section-heading-nav button:hover,
.fz-4-section-heading-nav button:focus {
  color: #212529;
}

.fz-4-section-heading-nav button:hover::before,
.fz-4-section-heading-nav button:focus::before {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fz-4-section-heading .fz-3-slider-nav {
    margin-top: 12px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-5-section-heading {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-5-section-heading.fz-5-section-heading-2 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading.fz-5-section-heading-2 {
    margin-bottom: 0;
  }
}

.fz-5-section-heading.fz-5-section-heading-2 .fz-section-title {
  margin-bottom: 43px;
}

@media screen and (max-width: 1399px) {
  .fz-5-section-heading.fz-5-section-heading-2 .fz-section-title {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading.fz-5-section-heading-2 .fz-section-title {
    margin-top: -8px;
    margin-bottom: 31px;
  }
}

.fz-5-section-heading .fz-section-title {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-body-dark);
  margin-top: -16px;
  margin-bottom: 12px;
}

.fz-5-section-heading .fz-section-title span {
  color: #05707c;
}

@media screen and (max-width: 1199px) {
  .fz-5-section-heading .fz-section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading .fz-section-title {
    font-size: 24px;
    margin-top: -7px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-section-heading .fz-section-title {
    text-align: center;
  }
}

.fz-5-section-heading p {
  margin-bottom: -8px;
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: -1px;
  }
}

.fz-5-section-heading-nav {
  gap: 30px;
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading-nav {
    gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-section-heading-nav {
    margin-top: -13px;
  }
}

.fz-5-section-heading-nav .fz-nav-item .nav-link.active {
  color: #126300;
}

.fz-5-section-heading-nav .fz-nav-item .nav-link.active::before {
  width: 100%;
}

.fz-5-section-heading-nav button {
  color: #212529;
  font-size: 18px;
  font-weight: 700;
  transition: 0.4s ease;
  position: relative;
  padding: 0;
  color: #707070;
}

.fz-5-section-heading-nav button::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  background-color: #707070;
  height: 1px;
  width: 0%;
  transition: 0.4s ease;
}

@media screen and (max-width: 991px) {
  .fz-5-section-heading-nav button {
    font-size: 15px;
  }

  .fz-5-section-heading-nav button::before {
    bottom: 3px;
  }
}

.fz-5-section-heading-nav button:hover,
.fz-5-section-heading-nav button:focus {
  color: #212529;
}

.fz-5-section-heading-nav button:hover::before,
.fz-5-section-heading-nav button:focus::before {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fz-5-section-heading .fz-3-slider-nav {
    margin-top: 12px;
  }
}

.owl-carousel .owl-item img {
  width: auto;
}

.fz-3-section-heading {
  padding-bottom: 30px;
  margin-bottom: 27px;
}

@media screen and (max-width: 1399px) {
  .fz-3-section-heading {
    padding-bottom: 20px;
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-section-heading {
    padding-bottom: 15px;
    margin-bottom: 12px;
  }
}

.fz-3-section-heading .fz-section-title {
  font-size: 48px;
  font-weight: 600;
  color: #231C1A;
  margin-bottom: 11px;
}

@media screen and (max-width: 1399px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-section-heading .fz-section-title {
    font-size: 25px;
  }
}

.fz-3-section-heading .fz-section-sub-title {
  font-size: 16px;
  font-weight: 400;
  color: #616161;
}

.fz-2-section-heading {
  margin-bottom: 45px;
}

@media screen and (max-width: 991px) {
  .fz-2-section-heading {
    margin-bottom: 30px;
  }
}

.fz-2-section-heading .fz-section-title {
  font-family: "Soligant", sans-serif;
  font-size: 50px;
  margin-top: -5px;
  margin-bottom: 0;
  font-weight: 500;
}

@media screen and (max-width: 1199px) {
  .fz-2-section-heading .fz-section-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-section-heading .fz-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-2-section-heading .fz-section-title {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-section-heading .fz-section-title {
    font-size: 30px;
  }
}

.fz-1-section-heading {
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 1399px) {
  .fz-1-section-heading {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-section-heading {
    margin-bottom: 20px;
  }
}

.fz-1-section-heading .fz-section-title {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
  .fz-1-section-heading .fz-section-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-section-heading .fz-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-section-heading .fz-section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-section-heading .fz-section-title {
    font-size: 27px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-section-heading .fz-section-title {
    font-size: 25px;
  }
}

@media screen and (max-width: 575px) {
  .col-xs-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-6 {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .col-xxs-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .order-xxs-1 {
    order: 1 !important;
  }
}

@media screen and (max-width: 479px) {
  .order-xxs-0 {
    order: 0 !important;
  }
}

@media screen and (max-width: 479px) {
  .flex-xxs-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media screen and (max-width: 479px) {
  .align-self-xxs-start {
    align-self: flex-start !important;
  }
}

.fz-6-section-title {
  font-size: 40px;
  font-weight: 700;
  color: #191919;
  margin-bottom: 48px;
}

@media screen and (max-width: 1199px) {
  .fz-6-section-title {
    font-size: 35px;
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-section-title {
    font-size: 32px;
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-section-title {
    font-size: 30px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-section-title {
    font-size: 28px;
    margin-bottom: 13px;
  }
}

.fz-7-section-heading {
  width: 32%;
  text-align: center;
  margin-inline: auto;
}

@media screen and (max-width: 1399px) {
  .fz-7-section-heading {
    width: 35%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-section-heading {
    width: 40%;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-section-heading {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-section-heading {
    width: 75%;
  }
}

@media screen and (max-width: 575px) {
  .fz-7-section-heading {
    width: 85%;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-section-heading {
    width: 100%;
  }
}

.fz-7-section-title {
  font-size: 40px;
  font-weight: 700;
  color: #191919;
  margin-bottom: 2px;
}

@media screen and (max-width: 991px) {
  .fz-7-section-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-section-title {
    font-size: 30px;
  }
}

.fz-7-section-descr {
  color: #2B2C34;
  margin-bottom: 25px;
}

.fz-8-section-heading {
  width: 35%;
}

@media screen and (max-width: 1599px) {
  .fz-8-section-heading {
    width: 40%;
  }
}

@media screen and (max-width: 1399px) {
  .fz-8-section-heading {
    width: 45%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-section-heading {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-section-heading {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-section-heading {
    width: 100%;
  }
}

.fz-8-section-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  color: #191919;
  text-transform: uppercase;
  margin-bottom: 3px;
}

@media screen and (max-width: 1399px) {
  .fz-8-section-title {
    font-size: 55px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-section-title {
    font-size: 47px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-section-title {
    font-size: 40px;
  }
}

.fz-8-section-descr {
  color: #4D4D4D;
  font-family: "Kanit", sans-serif;
  margin-bottom: 53px;
}

@media screen and (max-width: 1599px) {
  .fz-8-section-descr {
    margin-bottom: 33px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-section-descr {
    margin-bottom: 18px;
  }
}

.fz-9-def-btn {
  position: relative;
  color: #253B70;
  padding: 15px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
}

@media screen and (max-width: 1399px) {
  .fz-9-def-btn {
    padding: 15px 45px;
    font-size: 15px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-def-btn {
    padding: 12px 40px;
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-def-btn {
    padding: 11px 40px;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-def-btn {
    padding: 10px 35px;
    font-size: 12px;
  }
}

@media screen and (max-width: 575px) {
  .fz-9-def-btn {
    padding: 8px 16px;
    font-size: 12px;
    margin-top: 10px;
  }
}

.fz-9-def-btn:hover {
  background-color: #FF7C7C;
  color: #ffffff;
}

.fz-9-def-btn:hover::before {
  border-color: #ffffff;
  border-style: solid;
}

.fz-9-def-btn:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border: 1px dashed #253B70;
  transition: 0.4s ease;
}

.fz-9-def-btn-pink {
  background: #FF7C7C;
  color: #ffffff;
}

.fz-9-def-btn-pink::before {
  border-color: #ffffff;
}

.fz-9-def-btn-pink:hover {
  background-color: #253B70;
}

@media screen and (max-width: 1199px) {
  .fz-12-section-heading {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-section-heading {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-section-heading {
    width: 70%;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-section-heading {
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-section-heading {
    width: 100%;
  }
}

.fz-12-section-title {
  font-size: 50px;
  font-weight: 500;
  color: #191919;
}

@media screen and (max-width: 991px) {
  .fz-12-section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-section-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-section-title {
    font-size: 35px;
  }
}

.fz-12-section-descr {
  font-family: "Nunito", sans-serif;
  color: #4D4D4D;
  margin-bottom: 62px;
}

@media screen and (max-width: 1399px) {
  .fz-12-section-descr {
    margin-bottom: 42px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-section-descr {
    margin-bottom: 27px;
  }
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.py-25 {
  padding: 25px 0;
}

.pb-65 {
  padding-bottom: 65px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-75 {
  padding-left: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-65 {
  padding-bottom: 65px;
}

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

.pt-10 {
  padding-top: 8px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-45 {
  padding-left: 45px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-70 {
  padding-top: 70px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-135 {
  padding-right: 135px;
}

.pl-160 {
  padding-left: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-215 {
  padding-right: 215px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-145 {
  padding-left: 145px;
}

.pr-145 {
  padding-right: 145px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-164 {
  padding-top: 164px;
}

.pl-10 {
  padding-left: 10px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pr-8 {
  padding-right: 8px;
}

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

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-163 {
  padding-top: 163px;
}

.pr-50 {
  padding-right: 50px;
}

.pt-198 {
  padding-top: 198px;
}

.pt-168 {
  padding-top: 168px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pt-155 {
  padding-top: 155px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pt-25 {
  padding-top: 25px;
}

.pl-50 {
  padding-left: 50px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-15 {
  padding-bottom: 15px;
}

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

.pl-120 {
  padding-left: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pl-112 {
  padding-left: 112px;
}

.mt-20 {
  margin-top: 20px;
}

.pr-70 {
  padding-right: 70px;
}

.pt-43 {
  padding-top: 43px;
}

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

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

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

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

.pb-58 {
  padding-bottom: 58px;
}

.pt-105 {
  padding-top: 105px;
}

.pl-55 {
  padding-left: 55px;
}

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

.mt-45 {
  margin-top: 45px;
}

.pt-150 {
  padding-top: 150px;
}

.pr-105 {
  padding-right: 105px;
}

.pt-27 {
  padding-top: 27px;
}

.pt-65 {
  padding-top: 65px;
}

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

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

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

#pre-loader {
  position: fixed;
  z-index: 11111;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  background-color: #fff;
  transition: all 0.4s ease;
}

#loader {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #222222;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #696969;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #a5a5a5;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 479px) {
  .fz-3-single-product {
    width: 95%;
    margin: auto;
  }
}

.fz-3-single-product:hover .fz-3-single-product__actions .bottom-actions button {
  translate: 0 0;
  opacity: 1;
  pointer-events: auto;
}

.fz-3-single-product__img {
  position: relative;
}

.fz-3-single-product__img img {
  width: 100%;
}

.fz-3-single-product__actions .top-actions button {
  position: absolute;
  top: 15px;
  right: 20px;
}

.fz-3-single-product__actions .top-actions button:hover {
  color: #05707c;
}

.fz-3-single-product__actions .bottom-actions {
  position: absolute;
  bottom: 30px;
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: center;
}

@media screen and (max-width: 1199px) {
  .fz-3-single-product__actions .bottom-actions {
    bottom: 15px;
  }
}

.fz-3-single-product__actions .bottom-actions button {
  color: #ffffff;
  background-color: #000;
  padding: 8px 20px;
  border-radius: 5px;
  line-height: normal;
  translate: 0 25px;
  opacity: 0;
  border: 1px solid #000;
  pointer-events: none;
}

@media screen and (max-width: 1399px) {
  .fz-3-single-product__actions .bottom-actions button {
    padding: 8px 15px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-single-product__actions .bottom-actions button {
    padding: 5px 10px;
    font-size: 13px;
  }
}

.fz-3-single-product__actions .bottom-actions button:nth-child(2) {
  transition-delay: 0.1s;
}

.fz-3-single-product__actions .bottom-actions button:hover {
  background-color: #ffffff;
  color: #222222;
}

.fz-3-single-product__txt {
  text-align: left;
  padding: 17px 0 0;
}

@media screen and (max-width: 479px) {
  .fz-3-single-product__txt {
    text-align: center;
  }
}

.fz-3-single-product__title {
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 6px;
}

@media screen and (max-width: 1199px) {
  .fz-3-single-product__title {
    font-size: 16px;
  }
}

.fz-3-single-product__title:hover {
  color: #05707c;
}

.fz-3-single-product__price {
  font-weight: 500;
}

@media screen and (max-width: 1199px) {
  .fz-3-single-product__price {
    font-size: 14px;
  }
}

.fz-3-single-product__price .prev-price {
  color: #999;
  margin-left: 5px;
}

.fz-1-single-product {
  animation: scaleUp 0.4s ease;
  position: relative;
}

@media screen and (max-width: 479px) {
  .fz-1-single-product {
    width: 95%;
    margin: auto;
  }
}

.fz-1-single-product:hover .fz-single-product__actions button {
  translate: 0;
  opacity: 1;
}

.fz-1-single-product .fz-single-product__img {
  position: relative;
}

.fz-1-single-product .fz-single-product__img img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

.fz-1-single-product .fz-single-product__actions {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  gap: 10px;
  transition: all 0.4s ease;
}

.fz-1-single-product .fz-single-product__actions.list-view-text {
  display: none;
}

.fz-1-single-product .fz-single-product__actions button {
  opacity: 0;
  translate: -25px 0;
  background-color: #ffffff;
  height: 40px;
  font-size: 16px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
  padding-left: 15px;
  border-radius: 4px;
  line-height: 40px;
  transition: all 0.4s ease;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #222222;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__actions button {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__actions button {
    height: 35px;
    line-height: 35px;
    padding: 0 10.5px;
    font-size: 14px;
  }
}

.fz-1-single-product .fz-single-product__actions button:hover {
  gap: 10px;
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__actions button:hover {
    background-color: #222222;
    color: #ffffff;
  }
}

.fz-1-single-product .fz-single-product__actions button:hover .btn-txt {
  letter-spacing: 0;
  opacity: 1;
  translate: 0;
}

.fz-1-single-product .fz-single-product__actions button:nth-child(2) {
  transition-delay: 0.1s;
}

.fz-1-single-product .fz-single-product__actions button:nth-child(3) {
  transition-delay: 0.2s;
}

.fz-1-single-product .fz-single-product__actions button .btn-txt {
  transition: all 0.4s ease;
  overflow: hidden;
  letter-spacing: -10px;
  opacity: 0;
  translate: 200px;
  font-weight: 400;
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__actions button .btn-txt {
    display: none;
  }
}

.fz-1-single-product .fz-single-product__actions button .btn-icon {
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 15px;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__actions button .btn-icon {
    padding: 0;
    background-color: transparent;
  }
}

.fz-1-single-product .fz-single-product__txt {
  margin-top: 15px;
  background-color: #f8f8f8;
  padding: 15px 25px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
}

@media screen and (max-width: 1399px) {
  .fz-1-single-product .fz-single-product__txt {
    flex-direction: column;
    row-gap: 2px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-single-product .fz-single-product__txt {
    row-gap: 0;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-single-product .fz-single-product__txt {
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-single-product .fz-single-product__txt {
    text-align: center;
  }
}

.fz-1-single-product .fz-single-product__title {
  font-size: 18px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-1-single-product .fz-single-product__title {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-single-product .fz-single-product__title {
    font-size: 16px;
  }
}

.fz-1-single-product .fz-single-product__title:hover,
.fz-1-single-product .fz-single-product__title a:hover {
  color: #05707c;
}

.fz-1-single-product .fz-single-product__price {
  font-size: 18px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  display: flex;
  gap: 15px;
  color: #5b5b5b;
}

@media screen and (max-width: 991px) {
  .fz-1-single-product .fz-single-product__price {
    font-size: 16px;
  }
}

.fz-1-single-product .fz-single-product__price .prev-price {
  color: #616161;
}

@keyframes scaleUp {
  0% {
    opacity: 0;
    translate: 0 50px;
  }

  100% {
    opacity: 1;
    translate: 0 0;
  }
}

.fz-quick-view-modal {
  position: fixed;
  inset: 0;
  width: 70%;
  height: -moz-max-content;
  height: max-content;
  z-index: 1111;
  margin: auto;
  background-color: #ffffff;
  top: 50px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s ease;
  overflow-y: auto;
  max-height: 95%;
}

.fz-quick-view-modal::-webkit-scrollbar {
  width: 5px;
  background-color: #ddd;
}

.fz-quick-view-modal::-webkit-scrollbar-thumb {
  background-color: #222222;
}

@media screen and (max-width: 1399px) {
  .fz-quick-view-modal {
    width: 80%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-quick-view-modal {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  .fz-quick-view-modal {
    max-height: 90%;
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .fz-quick-view-modal {
    width: 95%;
  }
}

.fz-quick-view-modal.open {
  opacity: 1;
  top: 0;
  pointer-events: auto;
}

.fz-quick-view-modal .fz-quick-view-modal-content {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1599px) {
  .fz-quick-view-modal .fz-quick-view-modal-content {
    align-items: stretch;
  }
}

@media screen and (max-width: 991px) {
  .fz-quick-view-modal .fz-quick-view-modal-content {
    flex-direction: column;
  }
}

.fz-quick-view-modal .fz-product-details__img {
  flex-shrink: 0;
  width: 50%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fz-quick-view-modal .fz-product-details__img {
    width: 100%;
  }
}

.fz-quick-view-modal .fz-product-details__img img {
  width: 100%;
}

@media screen and (max-width: 1599px) {
  .fz-quick-view-modal .fz-product-details__img img {
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .fz-quick-view-modal .fz-product-details__img img {
    height: 350px;
  }
}

@media screen and (max-width: 479px) {
  .fz-quick-view-modal .fz-product-details__img img {
    height: 250px;
  }
}

.fz-quick-view-modal .fz-product-details__txt {
  padding: 35px;
}

@media screen and (max-width: 1399px) {
  .fz-quick-view-modal .fz-product-details__txt {
    padding: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-quick-view-modal .fz-product-details__txt {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-quick-view-modal .fz-product-details__txt {
    padding: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-quick-view-modal .fz-product-details__txt {
    padding: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-quick-view-modal .fz-product-details__txt {
    padding: 12px;
  }
}

@media screen and (max-width: 1599px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 25px;
    line-height: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media screen and (max-width: 575px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-quick-view-modal .fz-product-details__title {
    font-size: 16px;
    line-height: 26px;
  }
}

@media screen and (max-width: 1599px) {
  .fz-quick-view-modal .fz-product-details__price-rating {
    font-size: 25px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-quick-view-modal .fz-product-details__price-rating {
    font-size: 22px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-quick-view-modal .fz-product-details__price-rating {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-quick-view-modal .fz-product-details__price-rating {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .fz-quick-view-modal .fz-product-details__price-rating {
    font-size: 16px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-quick-view-modal .fz-product-details__infos {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-quick-view-modal .fz-product-details__infos {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 575px) {
  .fz-quick-view-modal .fz-product-details__infos {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .fz-quick-view-modal .fz-product-details__short-descr {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-quick-view-modal .fz-product-details__actions {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .inner-page-header .top-header h6 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .inner-page-header .top-header h6 {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .inner-page-header .top-header-right-actions {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 479px) {
  .inner-page-header .top-header-right-actions {
    justify-content: center;
  }
}

.inner-page-header .bottom-header .contact-area {
  gap: 15px;
}

.inner-page-header .bottom-header .contact-area__title {
  color: #999999;
}

.inner-page-header .bottom-header .contact-area__icon i {
  font-size: 30px;
}

.fz-inner-page-breadcrumb {
  text-align: center;
  background-color: #58516a;
  padding: 50px 0;
}

.fz-inner-page-breadcrumb.fz-inner-page-breadcrumb-2 {
  background: url(../images/breadcrumb-bg.png) center center no-repeat;
  background-size: cover;
  padding: 80px 0;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .fz-inner-page-breadcrumb.fz-inner-page-breadcrumb-2 {
    padding: 60px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-inner-page-breadcrumb.fz-inner-page-breadcrumb-2 {
    padding: 40px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-inner-page-breadcrumb {
    padding: 40px;
  }
}

.fz-inner-page-breadcrumb .breadcrumb-txt h1 {
  font-size: 34px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-inner-page-breadcrumb .breadcrumb-txt h1 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-inner-page-breadcrumb .breadcrumb-txt h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  .fz-inner-page-breadcrumb .breadcrumb-txt h1 {
    font-size: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-inner-page-breadcrumb .breadcrumb-txt h1 {
    font-size: 23px;
  }
}

.fz-inner-page-breadcrumb-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.fz-inner-page-breadcrumb-nav li a{
  color: #e3e3e3;
}

.fz-inner-page-breadcrumb-nav li.current-page {
  padding-left: 10px;
  border-left: 1px solid #e3e3e3;
  color: #ffffff;
  font-weight: 500;
}

/*----- MOBILE SCREEN NAV STYLES START -----*/
header .logo {
  max-width: 135px;
}

.fz-logo-container {
  max-width: 135px;
  margin: auto;
}

.fz-offcanvas-main-nav-wrapper {
  position: fixed;
  z-index: 1111;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  transform: translateY(-5%);
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

.fz-offcanvas-main-nav-wrapper::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.fz-offcanvas-main-nav-wrapper::-webkit-scrollbar-thumb {
  background-color: #222222;
}

.fz-offcanvas-main-nav-wrapper:is(.open) {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
}

.fz-offcanvas-main-nav-wrapper-sections {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-nav-wrapper-sections {
    flex-direction: column;
  }
}

.mobile-menu-updated.mean-container .mean-nav>ul {
  display: block !important;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-nav-section {
    max-width: 100%;
    width: 100%;
    padding: 70px 50px;
    padding-bottom: 40px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-nav-section {
    padding: 50px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-nav-section {
    padding: 60px 20px;
    padding-bottom: 20px;
  }
}

.fz-offcanvas-main-nav-section .mobile-menu-updated.mean-container {
  overflow: hidden;
}

.fz-offcanvas-main-nav-section .mean-bar {
  background: transparent;
  padding: 0;
  overflow: hidden;
}

.fz-offcanvas-main-nav-section .mean-bar .meanmenu-reveal {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-nav-section .mean-bar .mean-nav {
    margin-top: 0;
    background: transparent;
    overflow-y: scroll;
    padding-right: 80px;
    scrollbar-width: thin;
    max-height: 770px;
    max-width: 790px;
    scrollbar-color: #fff #111;
    max-width: 100%;
    padding-right: 0px;
    scrollbar-width: none;
  }
}

.fz-offcanvas-main-nav-section .mean-nav ul li a:not(.mean-expand) {
  width: 100%;
  font-size: 30px;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  color: #222222;
  padding: 0;
  border: 0;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a:not(.mean-expand) {
    font-size: 25px;
  }
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a:not(.mean-expand) {
    font-size: 22px;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a:not(.mean-expand) {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a:not(.mean-expand) i {
    display: none;
  }
}

.fz-offcanvas-main-nav-section .mean-nav ul li a {
  border-top: 1px solid #707070;
  padding: 15px 0;
}

.fz-offcanvas-main-nav-section .mean-nav ul li a.mean-expand {
  font-size: 30px !important;
  padding: 0;
  width: auto;
  font-weight: 400;
  height: 100%;
  margin-top: 0;
  font-weight: 400;
  line-height: 30px;
  border: 0 !important;
  background: none;
  color: #616161;
}

.fz-offcanvas-main-nav-section .mean-nav ul li a.mean-expand:hover {
  background: none;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a.mean-expand {
    font-size: 30px !important;
    line-height: 14px;
  }
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a.mean-expand {
    font-size: 25px !important;
    line-height: 12px;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li a.mean-expand {
    font-size: 22px !important;
    line-height: 7px;
  }
}

.fz-offcanvas-main-nav-section .mean-nav ul li:not(:last-child) {
  margin-bottom: 15px;
  border-bottom: 1px solid #616161;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}

.fz-offcanvas-main-nav-section .mean-nav ul li a:after {
  display: none;
}

.fz-offcanvas-main-nav-section .mean-nav ul>li {
  margin-bottom: 20px;
}

.fz-offcanvas-main-nav-section .mean-nav ul>li:last-child {
  margin-bottom: 0;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul.dropdown-menu {
  background: transparent;
  position: static;
  display: block;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li {
  margin-bottom: 10px;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li a {
  font-size: 20px !important;
  font-weight: 400;
  font-family: "Kanit", sans-serif;
  color: #8A8A8A;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li ul li a {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li ul li a {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-nav-section .mean-nav ul li ul li a {
    font-size: 14px !important;
  }
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li a:hover {
  background-color: transparent;
  transform: translateX(10px);
  color: #222222;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li a:focus {
  background-color: transparent;
  color: #222222;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li:not(:last-child) {
  border-bottom: 0px solid #707070;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li:first-child {
  border-top: 1px solid #707070;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li:first-child a {
  padding-top: 5px;
}

.fz-offcanvas-main-nav-section .mean-nav ul li ul li:last-child a {
  padding-bottom: 0;
  margin-bottom: 10px;
}

.fz-offcanvas-main-sideinfo-section {
  flex: 1;
  padding: 180px 120px;
  max-width: 700px;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-sideinfo-section {
    width: 100%;
    max-width: 100%;
    padding: 0 50px;
    padding-bottom: 50px;
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-sideinfo-section {
    width: 100%;
    max-width: 100%;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-sideinfo-section {
    padding: 0 20px;
    padding-bottom: 20px;
  }
}

.fz-button-close {
  font-size: 20px;
  color: #000;
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #616161;
  border-radius: 50%;
}

@media screen and (max-width: 991px) {
  .fz-button-close {
    right: 40px;
    top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-button-close {
    right: 20px;
    top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-button-close {
    right: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-button-close {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.fz-button-close:hover {
  color: #ffffff;
  background-color: #222222;
}

.fz-offcanvas-main-search {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.fz-offcanvas-main-search input {
  width: 100%;
  height: 50px;
  border: 1px solid #323232;
  padding: 0 15px;
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-search input {
    height: 40px;
  }
}

.fz-offcanvas-main-search input::-moz-placeholder {
  color: #323232;
  font-size: 14px;
}

.fz-offcanvas-main-search input::placeholder {
  color: #323232;
  font-size: 14px;
}

.fz-offcanvas-main-search button[type=submit] {
  border: 0;
  height: 100%;
  width: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  color: #323232;
}

@media screen and (max-width: 991px) {
  .fz-offcanvas-main-search button[type=submit] {
    width: 50px;
    line-height: 40px;
  }
}

.fz-offcanvas-main-contacts-title {
  font-size: 35px;
  font-weight: 600;
  color: #222222;
  font-family: "Kanit", sans-serif;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-contacts-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-contacts-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-contacts-title {
    font-size: 25px;
  }
}

.fz-offcanvas-main-contacts-list li {
  list-style: none;
  margin-bottom: 15px;
  font-size: 16px;
  color: #323232;
  display: flex;
  align-items: flex-start;
}

.fz-offcanvas-main-contacts-list li a:hover {
  color: #222222;
}

.fz-offcanvas-main-contacts-list li i {
  display: inline-block;
  margin-right: 15px;
  color: #323232;
  font-weight: 400;
  font-size: 22px;
  transform: translateY(-5px);
  padding-top: 8px;
}

@media screen and (max-width: 575px) {
  .fz-offcanvas-main-contacts-list li i {
    font-size: 22px;
  }
}

.fz-offcanvas-main-socials {
  display: flex;
  margin-top: 20px;
}

.fz-offcanvas-main-socials a {
  font-size: 16px;
  color: #323232;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #323232;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s;
  overflow: hidden;
  position: relative;
}

.fz-offcanvas-main-socials a i {
  transition: all 0.3s;
}

.fz-offcanvas-main-socials a i:last-child {
  position: absolute;
  left: 50%;
  top: 150%;
  transform: translate(-50%, -50%);
}

.fz-offcanvas-main-socials a:hover i:first-child {
  transform: translateY(-45px);
}

.fz-offcanvas-main-socials a:hover i:last-child {
  top: 50%;
}

.fz-offcanvas-main-socials a:not(:last-child) {
  margin-right: 15px;
}

.fz-offcanvas-main-socials a:hover {
  border-color: #222222;
  color: #222222;
}

.fz-offcanvas-main-actions a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border: 1px solid #323232;
  border-radius: 50%;
  font-weight: 400;
  display: inline-block;
  margin-right: 10px;
  transition: all 0.3s;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-actions a i {
    line-height: 38px;
  }
}

.fz-off-actions-icon {
  position: relative;
  z-index: 1;
}

.fz-off-actions-count {
  position: absolute;
  right: 10px;
  top: 0;
  min-width: 20px;
  height: auto;
  background-color: var(--clr-common-white);
  border-radius: 50%;
  font-size: 13px;
  color: var(--clr-common-black-deep);
  text-align: center;
}

.fz-offcanvas-main-actions a {
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  color: #323232;
}

.fz-offcanvas-main-actions a:not(:last-child) {
  margin-right: 35px;
}

@media screen and (max-width: 767px) {
  .fz-offcanvas-main-actions a:not(:last-child) {
    margin-right: 20px;
  }
}

.fz-offcanvas-main-actions a .fz-off-actions-text {
  overflow: hidden;
  position: relative;
}

.fz-offcanvas-main-actions a .fz-off-actions-text span {
  transition: all 0.3s;
  width: 100%;
}

@media screen and (max-width: 479px) {
  .fz-offcanvas-main-actions a .fz-off-actions-text span {
    font-size: 14px;
  }
}

.fz-offcanvas-main-actions a .fz-off-actions-text span:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 140%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.fz-offcanvas-main-actions a:hover {
  color: #222222;
}

.fz-offcanvas-main-actions a:hover i {
  border-color: #222222;
}

.fz-offcanvas-main-actions a:hover .fz-off-actions-text {
  color: #222222;
}

.fz-offcanvas-main-actions a:hover .fz-off-actions-text span:nth-child(1) {
  transform: translateY(-40px);
}

.fz-offcanvas-main-actions a:hover .fz-off-actions-text span:nth-child(2) {
  top: 50%;
}

.fz-off-actions-text {
  display: inline-block;
}

.fz-offcanvas-main-nav-wrapper:is(.open) {
  overflow-y: auto;
}

/*----- MOBILE SCREEN NAV STYLES END -----*/
.fz-1-header-section {
  padding: 0;
}

.fz-1-header-section .top-header {
  padding: 10px 0;
  background-color: #222222;
  color: #ffffff;
  font-weight: 400;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.fz-1-header-section .top-header h6 {
  font-size: 14px;
  font-weight: 400;
  font-family: "Kanit", sans-serif;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .fz-1-header-section .top-header h6 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-header-section .top-header h6 {
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-header-section .top-header h6 {
    font-size: 12px;
  }
}

.fz-1-header-section .top-header-right-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: -10px;
}

@media screen and (max-width: 767px) {
  .fz-1-header-section .top-header-right-actions {
    justify-content: center;
  }
}

.fz-1-header-section .top-header-socials {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-right: 12px;
}

.fz-1-header-section .top-header .nice-select {
  background-color: transparent;
  border: none;
  height: auto;
  line-height: normal;
  padding-right: 25px;
}

.fz-1-header-section .top-header .nice-select::after {
  content: "\f107";
  border: none;
  font-family: "Font Awesome 6 Pro";
  transform: rotate(0);
  margin: 0;
  top: 5px;
  right: 12px;
  transform-origin: bottom right;
}

.fz-1-header-section .top-header .nice-select.open::after {
  transform: rotate(180deg);
}

.fz-1-header-section .top-header .nice-select .option {
  color: #222222;
}

.fz-1-header-section .bottom-header {
  padding: 15px 0;
}

@media screen and (max-width: 575px) {
  .fz-1-header-section .bottom-header.fixed {
    padding: 10px 0;
  }
}

.fz-1-header-section .bottom-header-search-form {
  padding: 0 15px;
  gap: 10px;
  display: flex;
  border-radius: 30px;
  border: 1px solid #ddd;
}

.fz-1-header-section .bottom-header-search-form input {
  height: 40px;
  font-weight: 400;
}

.fz-1-header-section .bottom-header .fz-header-right-content {
  gap: 30px;
}

.fz-1-header-section .fz-header-nav .fz-nav-link {
  color: #222222;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}

.fz-1-header-section .fz-header-right-actions a {
  color: #222222;
}

.fz-header-nav>ul {
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
  justify-content: center;
}

@media screen and (max-width: 1199px) {
  .fz-header-nav>ul {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
}

.fz-header-nav .fz-dropdown {
  position: relative;
}

.fz-header-nav .fz-dropdown:hover .fz-submenu {
  opacity: 1;
  top: 100%;
  pointer-events: auto;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.fz-header-nav .fz-dropdown .fz-submenu {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  min-width: 200px;
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  padding: 15px;
  transition: all 0.4s ease;
  top: calc(100% + 20px);
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
}

.fz-header-nav .fz-dropdown .fz-submenu-nav-link {
  padding: 0;
}

.fz-header-nav .fz-dropdown .fz-submenu-nav-link:hover {
  letter-spacing: 0.5px;
}

.fz-header-nav .fz-nav-link {
  text-transform: capitalize;
  font-family: "Futura PT", sans-serif;
  font-weight: 400;
  transition: all 0.4s ease;
  padding: 10px 0;
  color: #ffffff;
  width: -moz-max-content;
  width: max-content;
}

.fz-header-nav .fz-nav-link:hover {
  color: #05707c;
}

.fz-header-nav .fz-nav-link i {
  font-size: 10px;
}

.fz-header-right-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (max-width: 991px) {
  .fz-header-right-content {
    gap: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-header-right-content {
    gap: 15px;
  }
}

.fz-header-right-actions {
  gap: 25px;
}

@media screen and (max-width: 991px) {
  .fz-header-right-actions {
    gap: 0;
  }
}

.fz-header-right-actions a {
  font-size: 20px;
  color: #ffffff;
}

.fz-header-cart-btn {
  position: relative;
}

.fz-header-cart-btn .count {
  position: absolute;
  top: calc(0% - 10px);
  right: calc(0% - 10px);
  background: #05707c;
  line-height: 1.7;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Futura PT", sans-serif;
  color: #ffffff;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .fz-logo-container img {
    width: 110px;
  }
}

a.fz-hamburger {
  height: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  aspect-ratio: 1;
  text-align: center;
  line-height: 40px;
}

.fz-2-header-section {
  padding: 25px 60px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.1);
  background-color: var(--clr-gray-soft);
}

@media screen and (max-width: 1399px) {
  .fz-2-header-section {
    padding: 25px 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-2-header-section {
    padding: 20px 0;
  }
}

.fz-2-header-section.fixed {
  padding: 15px 60px;
}

@media screen and (max-width: 1399px) {
  .fz-2-header-section.fixed {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-header-section.fixed {
    padding: 15px 0;
  }
}

.fz-2-header-section .fz-header-left-content {
  gap: 30px;
}

@media screen and (max-width: 479px) {
  .fz-2-header-section .fz-header-left-content {
    gap: 15px;
  }
}

.fz-2-header-section .fz-header-left-content .fz-logo-container {
  padding-right: 30px;
  border-right: 1px solid var(--clr-gray-2);
}

@media screen and (max-width: 479px) {
  .fz-2-header-section .fz-header-left-content .fz-logo-container {
    padding-right: 15px;
  }
}

.fz-2-header-section .fz-header-left-content .fz-category-area .fz-category-btn {
  color: #222222;
}

.fz-2-header-section .fz-header-left-content .fz-category-area .fz-category-btn:hover {
  color: #05707c;
}

.fz-2-header-section .fz-header-left-content .fz-category-area .fz-category-btn i {
  margin-right: 10px;
  padding-left: 0;
  border-left: 0;
}

.fz-2-header-section .fz-header-nav .fz-dropdown .fz-submenu {
  background-color: rgba(255, 255, 255, 0.5);
}

.fz-2-header-section .fz-header-nav .fz-dropdown .fz-submenu-nav-link {
  font-weight: 400;
}

.fz-2-header-section .fz-header-nav .fz-nav-link {
  font-weight: 400;
  color: #222222;
}

.fz-2-header-section .fz-header-right-actions a {
  color: #222222;
}

.fz-category-area {
  position: relative;
}

@media screen and (max-width: 991px) {
  .fz-category-area {
    position: static;
  }
}

.fz-category-area .fz-category-btn {
  font-family: "Futura PT", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #ffffff;
}

@media screen and (max-width: 479px) {
  .fz-category-area .fz-category-btn>span {
    display: none;
  }
}

.fz-category-area .fz-category-btn:hover {
  color: #05707c;
}

.fz-category-area .fz-category-btn i {
  padding-left: 25px;
  border-left: 1px solid #ddd;
}

@media screen and (max-width: 479px) {
  .fz-category-area .fz-category-btn i {
    padding-left: 15px;
  }
}

.fz-category-area .fz-category-menu {
  position: absolute;
  z-index: 30;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  top: calc(100% + 10px);
  min-width: 200px;
  width: -moz-max-content;
  width: max-content;
  padding: 30px;
  transition: 0.2s ease;
  transform: rotateX(90deg);
  transform-origin: top;
  box-shadow: 0 0 15px rgba(142, 142, 142, 0.212);
  left: 0;
  height: -moz-max-content;
  height: max-content;
  scrollbar-width: medium;
  scrollbar-color: #05707c #f8f8f8;
}

@media screen and (max-width: 991px) {
  .fz-category-area .fz-category-menu {
    inset: 0;
    top: 70px;
    margin: 0 auto;
    max-height: 400px;
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  .fz-category-area .fz-category-menu {
    width: 95%;
  }
}

@media screen and (max-width: 479px) {
  .fz-category-area .fz-category-menu {
    padding: 20px;
  }
}

.fz-category-area .fz-category-menu::-webkit-scrollbar {
  width: 6px;
}

.fz-category-area .fz-category-menu::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}

.fz-category-area .fz-category-menu::-webkit-scrollbar-thumb {
  background-color: #05707c;
}

.fz-category-area .fz-category-menu.open {
  transition: 0.2s ease;
  transform: rotateX(0deg);
}

.fz-category-area .fz-category-menu li a {
  font-weight: 400;
  display: block;
}

.fz-category-area .fz-category-menu li a:hover {
  color: #05707c;
}

.fz-category-area .fz-category-menu li:not(:last-of-type) a {
  padding-bottom: 20px;
}

@media screen and (max-width: 479px) {
  .fz-category-area .fz-category-menu li:not(:last-of-type) a {
    padding-bottom: 15px;
  }
}

.fz-3-category-area .fz-category-menu {
  left: auto;
  right: 0;
  background-color: rgba(68, 68, 68, 0.5);
}

@media screen and (max-width: 991px) {
  .fz-3-category-area .fz-category-menu {
    left: 0;
  }
}

.fz-3-category-area .fz-category-menu a {
  color: #ffffff;
}

.fz-3-header-section {
  padding: 20px 60px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1399px) {
  .fz-3-header-section {
    padding: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-header-section {
    padding: 15px 15px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-header-section {
    padding: 15px 10px 0;
  }
}

.fz-3-header-section .fz-header-nav .fz-dropdown .fz-submenu {
  background-color: rgba(68, 68, 68, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

@media screen and (max-width: 991px) {
  .fz-3-header-section.fixed {
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-header-section.fixed {
    padding: 15px 10px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-header-section.fixed {
    padding: 10px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-header-section.fixed {
    padding: 10px 0;
  }
}

.fz-3-header-section.fixed .fz-header-nav .fz-nav-link {
  color: #222222;
}

.fz-3-header-section.fixed .fz-3-logo-container img {
  filter: brightness(0.1);
}

.fz-3-header-section.fixed .fz-header-right-actions a {
  color: #222222;
}

.fz-3-header-section.fixed .fz-category-area .fz-category-btn {
  color: #222222;
}

.fz-3-header-section.fixed .fz-header-nav .fz-dropdown .fz-submenu {
  background-color: rgba(255, 255, 255, 0.5);
}

.fz-3-header-section.fixed .fz-3-category-area .fz-category-menu {
  background-color: rgba(255, 255, 255, 0.5);
}

.fz-3-header-section.fixed .fz-3-category-area .fz-category-menu a {
  color: #222222;
}

.fz-3-header-section.fixed .fz-3-category-area .fz-category-menu a:hover {
  color: #05707c;
}

.fz-4-header-section {
  background: var(--clr-gray-soft);
  position: relative;
  z-index: 99;
}

.fz-4-header-section .top-header {
  height: 30px;
  background: #05707c;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}

.fz-4-header-section .top-header p {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}

@media screen and (max-width: 991px) {
  .fz-4-header-section .top-header {
    height: 25px;
  }

  .fz-4-header-section .top-header p {
    font-size: 12px;
    line-height: 25px;
  }
}

.fz-4-header-section .middle-header {
  padding: 10px 0;
}

@media screen and (max-width: 991px) {
  .fz-4-header-section .middle-header .logo {
    max-width: 100px;
  }
}

.fz-4-header-section .middle-header .header-search form {
  display: flex;
  align-items: center;
}

.fz-4-header-section .middle-header .header-search form .nice-select {
  height: 50px;
  line-height: 50px;
  background: #05707c;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  border-radius: 5px 0 0 5px;
  padding-right: 38px;
}

.fz-4-header-section .middle-header .header-search form .nice-select::after {
  right: 18px;
  width: 9px;
  height: 9px;
  border-color: #ffffff;
  border-radius: 2px;
  margin-top: -6px;
}

.fz-4-header-section .middle-header .header-search form .nice-select .list {
  color: var(--clr-body-dark);
  font-size: 14px;
}

.fz-4-header-section .middle-header .header-search form input {
  width: 100%;
  height: 50px;
  border-top: 1px solid var(--clr-gray-3);
  border-bottom: 1px solid var(--clr-gray-3);
  padding: 0 15px;
  background: #ffffff;
}

.fz-4-header-section .middle-header .header-search form button {
  height: 50px;
  border: 1px solid var(--clr-gray-3);
  border-left-width: 0;
  border-radius: 0 5px 5px 0;
  padding-right: 20px;
  font-size: 14px;
  color: var(--clr-body-color);
  background: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-4-header-section .middle-header .header-search form .nice-select {
    height: 40px;
    line-height: 40px;
  }

  .fz-4-header-section .middle-header .header-search form input {
    height: 40px;
  }

  .fz-4-header-section .middle-header .header-search form button {
    height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-header-section .middle-header .header-search form {
    position: absolute;
    left: 10px;
    right: 10px;
    margin-top: -10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  .fz-4-header-section .middle-header .header-search form.active {
    margin-top: 5px;
    opacity: 1;
    visibility: visible;
  }

  .fz-4-header-section .middle-header .header-search form .nice-select {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 26px 0 10px;
  }

  .fz-4-header-section .middle-header .header-search form .nice-select::after {
    right: 10px;
    width: 8px;
    height: 8px;
  }

  .fz-4-header-section .middle-header .header-search form input {
    height: 35px;
    padding: 0 10px;
  }

  .fz-4-header-section .middle-header .header-search form button {
    height: 35px;
    padding-right: 10px;
  }
}

.fz-4-header-section .middle-header .header-action {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

@media screen and (max-width: 1199px) {
  .fz-4-header-section .middle-header .header-action {
    gap: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-header-section .middle-header .header-action {
    position: absolute;
    left: 10px;
    right: 10px;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border: 1px solid rgba(34, 34, 34, 0.1);
    padding: 20px 10px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
}

.fz-4-header-section .middle-header .header-action.active {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}

.fz-4-header-section .middle-header .header-action li a {
  display: flex;
  align-items: center;
}

.fz-4-header-section .middle-header .header-action li .header-action-icon {
  margin-right: 15px;
  font-size: 25px;
  color: #05707c;
}

@media screen and (max-width: 1199px) {
  .fz-4-header-section .middle-header .header-action li .header-action-icon {
    /* width: 25px; */
    margin-right: 10px;
    font-size: 20px;
  }
}

.fz-4-header-section .middle-header .header-action li .header-action-txt span {
  display: block;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  color: var(--clr-body-color);
}

@media screen and (max-width: 1199px) {
  .fz-4-header-section .middle-header .header-action li .header-action-txt span {
    font-size: 11px;
  }
}

.fz-4-header-section .middle-header .header-action li .header-action-txt p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: var(--clr-body-dark);
  margin-bottom: -5px;
}

@media screen and (max-width: 1199px) {
  .fz-4-header-section .middle-header .header-action li .header-action-txt p {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-4-header-section .fz-header-nav .fz-nav-link {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-body-dark);
  padding: 15px 0;
}

.fz-4-header-section .fz-header-nav .fz-nav-link i {
  font-size: 14px;
}

.fz-4-header-section .fz-header-nav .fz-dropdown .fz-submenu-nav-link {
  padding: 0;
}

.fz-4-header-section .bottom-header .header-txt {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--clr-body-dark);
}

.fz-4-header-section .bottom-header .header-txt span {
  font-weight: 700;
  color: #126300;
}

.fz-5-header-section {
  background: var(--clr-gray-soft);
  position: relative;
  z-index: 99;
}

.fz-5-header-section .top-header {
  height: 30px;
  background: #0A0A0A;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}

.fz-5-header-section .top-header p {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
}

@media screen and (max-width: 991px) {
  .fz-5-header-section .top-header {
    height: 25px;
  }

  .fz-5-header-section .top-header p {
    font-size: 12px;
    line-height: 25px;
  }
}

.fz-5-header-section .middle-header {
  padding: 20px 0;
}

@media screen and (max-width: 1399px) {
  .fz-5-header-section .middle-header {
    padding: 15px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-header-section .middle-header {
    padding: 10px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-header-section .middle-header .logo {
    max-width: 100px;
  }
}

.fz-5-header-section .middle-header .fz-5-header-txt {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
}

.fz-5-header-section .middle-header .fz-5-header-txt li {
  padding-left: 15px;
  position: relative;
}

.fz-5-header-section .middle-header .fz-5-header-txt li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 100%;
  background: #222222;
}

.fz-5-header-section .middle-header .fz-5-header-txt li:first-child {
  padding-left: 0;
}

.fz-5-header-section .middle-header .fz-5-header-txt li:first-child::after {
  display: none;
}

.fz-5-header-section .middle-header .header-search form {
  display: flex;
  align-items: center;
  border: 1px solid var(--clr-gray-3);
  border-radius: 25px;
  overflow: hidden;
}

.fz-5-header-section .middle-header .header-search form input {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  background: #ffffff;
}

.fz-5-header-section .middle-header .header-search form button {
  height: 40px;
  padding-right: 20px;
  font-size: 14px;
  color: var(--clr-body-color);
  background: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-5-header-section .middle-header .header-search form input {
    height: 35px;
  }

  .fz-5-header-section .middle-header .header-search form button {
    height: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-header-section .middle-header .header-search form {
    position: absolute;
    left: 10px;
    right: 10px;
    margin-top: -10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  .fz-5-header-section .middle-header .header-search form.active {
    margin-top: 5px;
    opacity: 1;
    visibility: visible;
  }

  .fz-5-header-section .middle-header .header-search form input {
    height: 30px;
    padding: 0 10px;
  }

  .fz-5-header-section .middle-header .header-search form button {
    height: 30px;
    padding-right: 10px;
  }
}

.fz-5-header-section .middle-header .header-action {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
  align-items: center;
}

.fz-5-header-section .middle-header .header-action.active {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}

.fz-5-header-section .middle-header .header-action li a {
  display: flex;
  align-items: center;
  line-height: 1;
  position: relative;
}

.fz-5-header-section .middle-header .header-action li a i {
  display: block;
  margin-top: -3px;
}

.fz-5-header-section .middle-header .header-action li a .badge {
  position: absolute;
  top: -25px;
  right: -10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  background: #292929;
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .fz-5-header-section .middle-header .header-action {
    gap: 25px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-header-section .middle-header .header-action {
    position: absolute;
    left: 10px;
    right: 10px;
    justify-content: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid rgba(34, 34, 34, 0.1);
    padding: 10px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  .fz-5-header-section .middle-header .header-action li {
    font-size: 14px;
  }

  .fz-5-header-section .middle-header .header-action li a .badge {
    top: -10px;
    right: -15px;
    height: 15px;
    line-height: 15px;
    min-width: 15px;
  }
}

.fz-5-header-section .fz-header-nav .fz-nav-link {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-body-dark);
  padding: 15px 0;
}

.fz-5-header-section .fz-header-nav .fz-nav-link i {
  font-size: 14px;
}

.fz-5-header-section .fz-header-nav .fz-dropdown .fz-submenu-nav-link {
  padding: 0;
}

.fz-5-header-section .bottom-header {
  background: #ffffff;
}

.fz-5-header-section .bottom-header .fz-submenu {
  background: #ffffff;
}

.fz-5-header-section .bottom-header .fz-5-submenu {
  min-width: 450px;
  padding: 20px;
  background: #ffffff;
}

.fz-5-header-section .bottom-header .fz-5-submenu ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fz-5-header-section .bottom-header .fz-5-submenu ul .fz-submenu-nav-link {
  padding: 0;
}

.fz-5-header-section .bottom-header .header-txt {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--clr-body-dark);
}

.fz-5-header-section .bottom-header .header-txt span {
  font-weight: 700;
  color: #126300;
}

.fz-5-header-section .bottom-header .order-track {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.fz-5-header-section .bottom-header .order-track:hover {
  color: #CC0C0C;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  z-index: 99;
  background-color: #ffffff;
  transition: 0.4s ease;
  animation: fadeIn 1s ease;
}

@keyframes fadeIn {
  0% {
    top: -100%;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

.fz-4-mobile-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  box-shadow: 0px -5px 25px 0px rgba(34, 34, 34, 0.1);
  z-index: 99;
}

.fz-4-mobile-menu.fz-5-mobile-menu .fz-4-app-menu li .icon::after {
  background: #CC0C0C;
}

.fz-4-mobile-menu .fz-4-app-menu {
  display: flex;
}

.fz-4-mobile-menu .fz-4-app-menu li {
  width: 20%;
}

.fz-4-mobile-menu .fz-4-app-menu li a {
  width: 100%;
  height: 100%;
  padding: 10px 0 8px;
}

.fz-4-mobile-menu .fz-4-app-menu li a.active .icon {
  color: #ffffff;
  transform: translateY(-15px);
}

.fz-4-mobile-menu .fz-4-app-menu li a.active .icon::after {
  opacity: 1;
}

.fz-4-mobile-menu .fz-4-app-menu li .icon {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  color: #707070;
  margin-bottom: 3px;
  position: relative;
  z-index: 2;
}

.fz-4-mobile-menu .fz-4-app-menu li .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  background: #126300;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
  z-index: -1;
}

.fz-4-mobile-menu .fz-4-app-menu li .txt {
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #707070;
}

.fz-4-mobile-menu .app-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(34, 34, 34, 0.3);
  opacity: 0;
  visibility: hidden;
  z-index: 98;
  transition: all 0.2s ease-in;
}

.fz-4-mobile-menu .app-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.fz-4-mobile-menu .main-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 220px;
  transform: translateX(-100%);
  background: #ffffff;
  transition: all 0.2s ease-in;
  z-index: 99;
}

.fz-4-mobile-menu .main-menu.active {
  transform: translate(0);
  box-shadow: 5px 0px 25px -5px rgba(34, 34, 34, 0.1);
}

.fz-4-mobile-menu .main-menu .logo {
  padding: 15px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}

.fz-4-mobile-menu .main-menu .logo img {
  max-width: 100px;
}

.fz-4-mobile-menu .main-menu .fz-4-menu {
  padding: 15px;
  height: calc(100% - 59px);
  overflow: auto;
}

.fz-4-mobile-menu .main-menu .fz-nav-item .fz-nav-link {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  padding: 10px 0;
}

.fz-4-mobile-menu .main-menu .fz-nav-item:first-child>.fz-nav-link {
  padding-top: 0;
}

.fz-4-mobile-menu .main-menu .fz-nav-item:last-child>.fz-nav-link {
  padding-bottom: 0;
  border-bottom: 0;
}

.fz-4-mobile-menu .main-menu .fz-submenu {
  display: none;
  padding: 0 10px;
  border: 1px solid rgba(34, 34, 34, 0.1);
  border-top: 0;
}

.fz-4-mobile-menu .main-menu .fz-submenu li:last-child .fz-nav-link {
  border-bottom: 0;
}

.flagstrap button {
  font-family: "Inter", sans-serif;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.flagstrap button::after {
  margin-left: 0;
}

.flagstrap .dropdown-menu {
  min-width: auto;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  border-radius: 3px;
}

.flagstrap .dropdown-menu li {
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  font-size: 14px;
}

.flagstrap .dropdown-menu li:first-child {
  display: none;
}

.flagstrap .dropdown-menu li:last-child {
  border-bottom: 0;
}

.flagstrap .dropdown-menu li a {
  padding: 3px 10px;
  cursor: pointer;
}

.flagstrap .flagstrap-icon {
  margin-right: 5px !important;
}

.fz-6-header {
  background-color: #171717;
  padding: 30px 0;
}

@media screen and (max-width: 991px) {
  .fz-6-header {
    padding: 15px 0;
  }
}

.fz-6-header.fixed {
  padding: 15px 0;
}

.fz-6-header .fz-header-nav .fz-dropdown .fz-submenu {
  background-color: rgba(68, 68, 68, 0.5);
}

.fz-6-header .fz-nav-link {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.fz-6-header .fz-header-cart-btn .count {
  background-color: #fb2f29;
}

.fz-7-header .fz-7-top-header {
  background-color: #DA3F3F;
}

.fz-7-bottom-header {
  padding: 25px 0;
}

.fz-7-bottom-header.fixed {
  padding: 15px 0;
}

.fz-8-header .fz-header-nav .fz-nav-link {
  font-family: "Teko", sans-serif;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.fz-8-bottom-header {
  padding: 12.5px 60px;
  background-color: #e7f4f5;
}

@media screen and (max-width: 991px) {
  .fz-8-bottom-header {
    padding: 12.5px 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-bottom-header {
    padding: 12.5px 20px;
  }
}

.fz-9-header .fz-logo-container {
  margin-left: 0;
}

.fz-9-header .fz-header-padding {
  padding: 0 60px;
}

@media screen and (max-width: 1199px) {
  .fz-9-header .fz-header-padding {
    padding: 0 30px;
  }
}

.fz-9-header .fz-header-nav .fz-nav-link {
  color: #253B70;
  font-family: "Baloo Paaji 2";
  transition: 0.3s all ease;
  font-size: 18px;
  font-weight: 500;
}

.fz-9-header .fz-header-nav .fz-nav-link:hover {
  color: #4BC8C8;
}

.fz-9-header .fz-header-cart-btn .count {
  right: 0;
  background: #FF7C7C;
}

.fz-9-header .fz-header-cart-btn {
  color: #253B70;
}

.fz-9-header .fz-header-cart-btn i {
  background-color: #FFE5E5;
  margin-right: 2px;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  line-height: 2.5;
}

@media screen and (max-width: 1199px) {
  .fz-9-header .fz-header-right-actions {
    gap: 20px;
  }
}

.fz-9-header .fz-header-right-actions button:not(.fz-header-9-menu-btn) {
  padding-right: 30px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .fz-9-header .fz-header-right-actions button:not(.fz-header-9-menu-btn) {
    padding-right: 20px;
  }
}

.fz-9-header .fz-header-right-actions button:not(.fz-header-9-menu-btn)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  width: 2px;
  background-color: #DFDFDF;
}

.fz-9-header .fz-header-wishlist-btn {
  position: relative;
  color: #253B70;
}

.fz-9-header .fz-header-wishlist-btn i {
  background-color: #E8FFFF;
  margin-right: 2px;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  line-height: 2.5;
}

@media screen and (max-width: 991px) {
  .fz-9-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-wrapper-sections>* {
    width: 100% !important;
  }
}

.fz-9-offcanvas-main-nav-wrapper.fz-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-section {
  padding: 105px 55px 40px;
}

@media screen and (max-width: 479px) {
  .fz-9-offcanvas-main-nav-wrapper.fz-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-section {
    padding: 75px 25px 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-9-offcanvas-main-nav-wrapper.fz-offcanvas-main-nav-wrapper .fz-button-close {
    top: 20px;
    left: 20px;
  }
}

.fz-10-header-right {
  padding-right: 30px;
}

.fz-10-header .fz-8-bottom-header {
  border-bottom: 1px solid rgba(10, 10, 10, 0.05);
}

.fz-11-header {
  background-color: white;
  border: 0;
  font-family: "Oswald", sans-serif;
  padding: 25px 30px;
}

@media screen and (max-width: 479px) {
  .fz-11-header {
    padding: 15px 10px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-header .fz-11-header-logo-container {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-header .fz-11-header-logo-container {
    height: 40px;
    width: 40px;
  }
}

.fz-11-header .fz-11-header-list-container {
  display: flex;
  gap: 30px;
  font-size: 18px;
}

@media screen and (max-width: 1399px) {
  .fz-11-header .fz-11-header-list-container {
    gap: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-header .fz-11-header-list-container {
    gap: 12px;
    padding-right: 100px;
  }
}

.fz-11-header .fz-11-header-form {
  border-radius: 3px;
}

.fz-11-header .fz-11-header-input {
  width: 245px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: "Nunito", sans-serif;
}

@media screen and (max-width: 1599px) {
  .fz-11-header .fz-11-header-input {
    width: 200px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-header .fz-11-header-input {
    width: 180px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-header .fz-11-header-input {
    width: 170px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-header .fz-11-header-input {
    display: none;
  }
}

.fz-11-header .fz-11-right-content {
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-11-header .fz-11-right-content {
    gap: 12px;
  }
}

.fz-11-header .fz-11-search-logo {
  margin-right: 14px;
}

@media screen and (max-width: 991px) {
  .fz-11-header .fz-11-search-logo {
    display: none;
  }
}

.fz-11-header .fz-11-header-right-icon-container {
  display: flex;
}

@media screen and (max-width: 1199px) {
  .fz-11-header .fz-11-header-right-icon-container {
    gap: 12px;
  }
}

.fz-12-header {
  border-bottom: 1px solid rgba(10, 10, 10, 0.05);
}

.fz-12-header .fz-8-bottom-header {
  padding: 17px 60px;
}

@media screen and (max-width: 991px) {
  .fz-12-header .fz-8-bottom-header {
    padding: 17px 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-header .fz-logo-container {
    margin-left: 0;
  }
}

.fz-12-offcanvas-main-nav-wrapper .fz-button-close {
  top: 50px;
  left: 50px;
}

.fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-wrapper-sections {
  align-items: center;
  justify-content: center;
}

.fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-wrapper-sections>* {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-wrapper-sections>* {
    width: 100%;
  }
}

.fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-section {
  padding: 125px;
}

@media screen and (max-width: 1199px) {
  .fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-section {
    padding: 65px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-offcanvas-main-nav-wrapper .fz-offcanvas-main-nav-section {
    padding: 125px 50px 50px;
  }
}

.fz-12-mobile-menu-updated .mean-nav {
  margin-top: 0;
  background: none;
}

.fz-12-mobile-menu-updated .mean-nav>ul {
  display: block !important;
}

.header-banner-bg-wrapper {
  background: url(../images/fz-1-banner-bg-1.png) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.header-banner-bg-wrapper::before {
  content: "";
  position: absolute;
  background: radial-gradient(rgba(34, 34, 34, 0.95), #000);
  inset: 0;
  opacity: 80%;
  z-index: -1;
}

.header-banner-bg-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/line.png) no-repeat center center;
  z-index: -1;
  background-size: cover;
}

.fz-3-banner-section {
  position: relative;
  color: #ffffff;
  isolation: isolate;
}

@media screen and (max-width: 575px) {
  .fz-3-banner-section {
    overflow: visible;
  }
}

.fz-3-banner-section .fz-3-banner-left-actions {
  position: absolute;
  bottom: 64px;
  left: -165px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 150px;
  z-index: 2;
}

@media screen and (max-width: 1599px) {
  .fz-3-banner-section .fz-3-banner-left-actions {
    left: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-banner-section .fz-3-banner-left-actions {
    display: none;
  }
}

.fz-3-banner-section .fz-3-banner-left-actions .fz-3-banner-search-box form {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(221, 221, 221, 0.51);
  border-radius: 30px;
  width: 36px;
  height: 36px;
  line-height: 37px;
  font-size: 14px;
  transition: all 0.4s ease;
}

.fz-3-banner-section .fz-3-banner-left-actions .fz-3-banner-search-box form label {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.fz-3-banner-section .fz-3-banner-left-actions .fz-3-banner-search-box form:hover,
.fz-3-banner-section .fz-3-banner-left-actions .fz-3-banner-search-box form:focus-within {
  width: 250px;
}

.fz-3-banner-section .fz-3-banner-left-actions #fz-3-banner-search {
  position: absolute;
  top: 0;
  left: 35px;
  height: 35px;
  color: #fff;
  z-index: 10;
  width: 100%;
  padding: 0 10px;
  padding-left: 35px;
  left: 0;
}

.fz-3-banner-section .fz-3-banner-single-slide {
  padding: 174px 0;
}

@media screen and (max-width: 1599px) {
  .fz-3-banner-section .fz-3-banner-single-slide {
    padding: 144px 0;
  }
}

@media screen and (max-width: 1399px) {
  .fz-3-banner-section .fz-3-banner-single-slide {
    padding: 114px 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-banner-section .fz-3-banner-single-slide {
    padding: 74px 0;
  }
}

.fz-3-banner-section .fz-3-banner-txt {
  text-align: center;
}

.fz-3-banner-section .fz-3-banner-txt>* {
  transition: all 0.9s ease;
  transform: translateY(50px);
  opacity: 0;
}

.fz-3-banner-section .fz-3-banner-txt img {
  margin: auto;
  margin-bottom: 24px;
  width: 215px;
  height: auto;
}

@media screen and (max-width: 991px) {
  .fz-3-banner-section .fz-3-banner-txt img {
    width: 195px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-banner-section .fz-3-banner-txt img {
    width: 140px;
  }
}

.fz-3-banner-section .fz-3-banner-txt h1 {
  font-family: "Playfair Display", serif;
  font-size: 70px;
  margin-bottom: 16px;
  color: #ffffff;
  transition-delay: 0.2s;
}

@media screen and (max-width: 1399px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 55px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-banner-section .fz-3-banner-txt h1 {
    font-size: 30px;
  }
}

.fz-3-banner-section .fz-3-banner-txt p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 0 50px;
  margin-bottom: 42px;
  transition-delay: 0.4s;
}

@media screen and (max-width: 479px) {
  .fz-3-banner-section .fz-3-banner-txt p {
    padding: 0;
  }
}

.fz-3-banner-section .fz-3-banner-txt .fz-3-def-btn {
  translate: 0;
}

@media screen and (max-width: 1199px) {
  .fz-3-banner-section .fz-3-banner-product-cards {
    display: none;
  }
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product {
  position: absolute;
  top: 174px;
  animation: upDown 2s linear infinite alternate;
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product img {
  margin-bottom: 22px;
  width: 215px;
  aspect-ratio: 1;
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product__title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product__title a:hover {
  color: #05707c;
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product__price {
  color: #ffffff;
}

.fz-3-banner-section .fz-3-banner-product-cards .fz-3-single-product-2 {
  top: auto;
  bottom: 174px;
  right: 0;
}

.fz-3-banner-section .owl-item.active .fz-3-banner-txt>* {
  transform: translateY(0);
  opacity: 1;
}

.fz-3-banner-section .owl-dots {
  display: flex;
  justify-content: center;
  gap: 20px;
  position: absolute;
  bottom: 34px;
  left: 50%;
  translate: -50%;
}

.fz-3-banner-section .owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ffffff;
}

.fz-3-banner-section .owl-dots .owl-dot.active {
  outline: 1px solid #ffffff;
  outline-offset: 5px;
}

@keyframes upDown {
  0% {
    translate: 0 -20px;
  }

  100% {
    translate: 0 0;
  }
}

.fz-2-banner-section {
  overflow-x: hidden;
  position: relative;
  background-color: var(--clr-gray-soft);
}

@media screen and (max-width: 575px) {
  .fz-2-banner-section {
    overflow: visible;
  }
}

.fz-2-banner-section .fz-banner-left-actions {
  position: absolute;
  bottom: 60px;
  left: -165px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 150px;
}

@media screen and (max-width: 1599px) {
  .fz-2-banner-section .fz-banner-left-actions {
    left: -5px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-left-actions {
    left: 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-2-banner-section .fz-banner-left-actions {
    left: 6px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-left-actions {
    display: none;
  }
}

.fz-2-banner-section .fz-banner-left-actions .fz-banner-socials {
  writing-mode: vertical-lr;
  scale: -1;
}

.fz-2-banner-section .fz-banner-left-actions .fz-banner-socials ul {
  gap: 20px;
}

.fz-2-banner-section .fz-banner-left-actions .fz-banner-socials ul li a:hover {
  color: #05707c;
}

.fz-2-banner-section .fz-banner-left-actions .fz-banner-search-btn .fz-cb_search_switch {
  translate: 0 0;
}

.fz-2-banner-section .fz-banner-left-actions .fz-banner-search-btn .fz-cb_search_switch:hover {
  translate: 0 -5px;
  color: #05707c;
}

@media screen and (max-width: 1599px) {
  .fz-2-banner-section .fz-banner-txt {
    padding-left: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-txt {
    padding: 50px 0;
    padding-right: 50px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-txt {
    padding-right: 35px;
  }
}

.fz-2-banner-section .fz-banner-txt h1 {
  font-family: "Soligant", sans-serif;
  font-size: 110px;
  margin-bottom: 50px;
}

@media screen and (max-width: 1599px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 90px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 75px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 55px;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 50px;
  }
}

@media screen and (max-width: 575px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-txt h1 {
    font-size: 35px;
  }
}

.fz-2-banner-section .fz-def-btn {
  border-color: #222222;
  color: #222222;
}

.fz-2-banner-section .fz-def-btn:hover {
  color: #ffffff;
}

.fz-2-banner-section .fz-def-btn span {
  background-color: #222222;
}

.fz-2-banner-section .fz-banner-vid {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-vid {
    width: 100%;
  }
}

.fz-2-banner-section .fz-banner-vid-img {
  max-width: none;
  width: 819px;
  filter: brightness(0.7);
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .fz-2-banner-section .fz-banner-vid-img {
    width: 730px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-vid-img {
    width: 600px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-2-banner-section .fz-banner-vid-img {
    width: 520px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-vid-img {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-vid-img {
    height: 190px;
  }
}

.fz-2-banner-section .fz-banner-vid-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border: 1px solid #ffffff;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  font-size: 35px;
  line-height: 128px;
  color: #ffffff;
  animation: shadowFadeOut 1.6s linear infinite;
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-vid-btn {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 30px;
    top: 14%;
    translate: -50% 0;
  }
}

.fz-2-banner-section .fz-banner-vid-btn:hover {
  color: #05707c;
  border-color: #05707c;
}

.fz-2-banner-section .fz-banner-vid-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--clr-gray-soft);
  padding: 30px 50px;
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-vid-txt {
    position: relative;
    width: 100%;
  }
}

.fz-2-banner-section .fz-banner-vid-txt::before,
.fz-2-banner-section .fz-banner-vid-txt::after {
  position: absolute;
  content: "";
  top: 25px;
  right: 25px;
  width: 16px;
  height: 16px;
  border: solid var(--clr-body-dark);
  border-width: 1px 1px 0 0;
}

.fz-2-banner-section .fz-banner-vid-txt::after {
  bottom: 25px;
  left: 25px;
  top: auto;
  border-width: 0 0 1px 1px;
}

.fz-2-banner-section .fz-banner-vid-txt h4 {
  font-family: "Soligant", sans-serif;
  font-size: 34px;
  font-weight: 400;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 {
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 {
    font-size: 25px;
  }
}

.fz-2-banner-section .fz-banner-vid-txt h4 span {
  display: block;
  font-size: 60px;
}

@media screen and (max-width: 1199px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 span {
    font-size: 55px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 span {
    font-size: 50px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-banner-section .fz-banner-vid-txt h4 span {
    font-size: 35px;
  }
}

.fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker {
  position: absolute;
  left: calc(0% - 150px);
  bottom: 236px;
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker {
    left: calc(0% - 90px);
  }
}

@media screen and (max-width: 991px) {
  .fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker {
    display: none;
  }
}

.fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker .fz-rotateText {
  animation: rotateText 6s linear infinite;
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker .fz-rotateText {
    width: 140px;
  }
}

@keyframes rotateText {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker .fz-diamond-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

@media screen and (max-width: 1399px) {
  .fz-2-banner-section .fz-banner-vid .fz-banner-rounded-sticker .fz-diamond-icon {
    width: 50px;
  }
}

.fz-2-banner-section .fz-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 0;
  transition: all 0.5s;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99911;
}

.fz-2-banner-section .fz-overlay.open {
  opacity: 1;
  visibility: visible;
}

.fz-cbsearchbar {
  background-color: var(--clr-gray-soft);
  text-align: start;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  width: 100%;
  min-height: 320px;
  box-shadow: rgba(5, 13, 54, 0.05) 5px 15px 30px 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999999;
  transform: translateY(-100%);
}

.fz-cbsearchbar.fz-cb-searchbar-opened {
  transform: translateY(0);
}

.fz-cbsearchbar__title {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 35px;
  line-height: 1.3;
  color: var(--clr-common-black);
  letter-spacing: 1.7px;
  word-spacing: 1px;
}

.fz-cbsearchbar__form form {
  display: flex;
}

.fz-cbsearchbar__form form input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--clr-body-text);
  border-right: 0;
  padding: 10px 20px;
  padding-right: 0;
  color: var(--clr-body-text);
  font-size: 16px;
  font-weight: 500;
}

.fz-cbsearchbar__form form .fz-cbsearchbar__search-btn {
  padding: 0 20px;
  border: 1px solid var(--clr-body-text);
  border-left: 0;
}

.fz-cbsearchbar__close {
  width: 35px;
  height: 35px;
  line-height: 36px;
  position: absolute;
  top: 60px;
  right: 20%;
  font-size: 18px;
  transition: all 0.3s;
  border-radius: 50%;
  color: var(--clr-common-black);
  background: #EBEBEB;
}

.fz-cbsearchbar__close:hover {
  background: var(--clr-common-black);
  color: #EBEBEB;
}

@media screen and (max-width: 991px) {
  .fz-cbsearchbar__close {
    right: 50px;
  }
}

.fz-1-banner-section {
  background-color: #f8f8f8;
  padding-top: 110px;
}

@media screen and (max-width: 1399px) {
  .fz-1-banner-section {
    padding-top: 60px;
  }
}

.fz-1-banner-section .fz-1-banner-single-slide {
  overflow: hidden;
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-single-slide>.container>.row {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-banner-section .fz-1-banner-single-slide>.container>.row {
    --bs-gutter-y: 30px;
  }
}

.fz-1-banner-section .fz-1-banner-txt {
  padding-top: 150px;
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-txt {
    padding-top: 0;
  }
}

.fz-1-banner-section .fz-1-banner-txt h1 {
  font-size: 70px;
  margin-bottom: 40px;
  text-transform: capitalize;
}

@media screen and (max-width: 1399px) {
  .fz-1-banner-section .fz-1-banner-txt h1 {
    font-size: 52px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-txt h1 {
    font-size: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-txt h1 {
    font-size: 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-banner-section .fz-1-banner-txt h1 {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-banner-section .fz-1-banner-txt h1 {
    font-size: 30px;
  }
}

.fz-1-banner-section .fz-1-banner-txt__btns {
  display: flex;
  gap: 40px;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-txt__btns {
    gap: 20px;
  }
}

.fz-1-banner-section .fz-1-banner-vid-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #222222;
  font-size: 16px;
  border: 1px solid #e2e2e2;
  transition: all 0.4s ease;
  animation: shadowFadeOut 1.6s linear infinite;
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-vid-btn {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-banner-section .fz-1-banner-vid-btn {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 37px;
  }
}

.fz-1-banner-section .fz-1-banner-vid-btn:hover {
  color: #05707c;
  border-color: #05707c;
}

.fz-1-banner-section .fz-1-banner-img-container {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}

@media screen and (max-width: 575px) {
  .fz-1-banner-section .fz-1-banner-img-container {
    margin: auto;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-banner-section .fz-1-banner-img-container {
    margin: unset;
    width: 80%;
    margin-left: auto;
  }
}

.fz-1-banner-section .fz-1-banner-img-container .sticker-container {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 200px;
  left: -130px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-img-container .sticker-container {
    bottom: 80px;
    left: -50px;
  }
}

.fz-1-banner-section .fz-1-banner-img-container .sticker-container .sticker {
  position: relative;
  animation: rotateText 6s linear infinite;
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-img-container .sticker-container .sticker {
    width: 110px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-img-container .sticker-container .sticker {
    width: 90px;
  }
}

.fz-1-banner-section .fz-1-banner-img-container .sticker-container>span {
  font-family: "Tenor Sans", sans-serif;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-img-container .sticker-container>span {
    font-size: 30px;
  }
}

.fz-1-banner-section .fz-1-banner-img {
  background-color: #ffffff;
  height: 100%;
  text-align: center;
  padding: 80px 160px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-img {
    padding: 50px 130px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-banner-section .fz-1-banner-img {
    padding: 50px 80px;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-banner-section .fz-1-banner-img {
    padding: 50px 70px;
  }
}

.fz-1-banner-section .fz-1-banner-img::before {
  position: absolute;
  content: "";
  border: 1px solid #ddd;
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  top: 0;
  right: 40px;
  width: 100%;
  height: 100%;
}

.fz-1-banner-section .fz-1-banner-img img {
  transition: all 1s ease 0.1s;
  transform: translateY(100px);
  opacity: 0;
  width: 258px;
  height: 586px;
  height: auto;
}

@media screen and (max-width: 1399px) {
  .fz-1-banner-section .fz-1-banner-img img {
    width: 180px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-banner-section .fz-1-banner-img img {
    width: 160px;
  }
}

.fz-1-banner-section .owl-item.active .fz-1-banner-img img {
  transform: translateY(0);
  opacity: 1;
}

.fz-1-banner-section .owl-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  position: absolute;
  bottom: 45px;
  width: 100%;
}

.fz-1-banner-section .owl-dots .owl-dot {
  background-color: #e2e2e2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.fz-1-banner-section .owl-dots .owl-dot.active {
  background-color: #222222;
}

.fz-1-banner-section .owl-carousel .owl-nav button.owl-next,
.fz-1-banner-section .owl-carousel .owl-nav button.owl-prev {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
  visibility: visible;
}

.fz-1-banner-section .owl-carousel .owl-nav button.owl-next:hover,
.fz-1-banner-section .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #222222;
  color: #ffffff;
}

.fz-1-banner-section .owl-nav {
  position: absolute;
  visibility: hidden;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 98%;
  display: flex;
  justify-content: space-between;
}

.fz-1-banner-btn {
  border: 1px solid #e2e2e2;
  border-radius: 30px;
  height: 60px;
  padding: 0 45px;
  line-height: 57px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  z-index: 1;
  vertical-align: top;
}

@media screen and (max-width: 991px) {
  .fz-1-banner-btn {
    font-size: 16px;
    padding: 0 35px;
    height: 50px;
    line-height: 47px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-banner-btn {
    font-size: 14px;
    padding: 0 25px;
    height: 40px;
    line-height: 37px;
  }
}

.fz-1-banner-btn:hover {
  color: #ffffff;
}

.fz-1-banner-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}

.fz-1-banner-btn i {
  margin-left: 5px;
}

.fz-1-banner-btn::before {
  content: "";
  position: absolute;
  background-color: #222222;
  border-radius: 30px;
  right: 0;
  width: 0%;
  top: 0;
  height: 100%;
  transition: all 0.4s ease 0.1s;
  z-index: -1;
}

.text5 {
  letter-spacing: 0.1rem;
}

.text5 span {
  display: inline-block;
  color: black;
  text-transform: none;
}

@keyframes shadowFadeOut {
  0% {
    box-shadow: 0 0 0 0 #ddd, 0 0 0 0 #ddd, 0 0 0 0 #ddd;
  }

  100% {
    box-shadow: 0 0 0 35px transparent, 0 0 0 25px transparent, 0 0 0 15px transparent;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-4-banner-section .fz-4-banner-product-card {
  background: var(--clr-gray-soft);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 45px 30px;
}

.fz-4-banner-section .fz-4-banner-product-card-counter {
  text-align: center;
  margin-bottom: 40px;
}

.fz-4-banner-section .fz-4-banner-product-card-counter p {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: var(--clr-body-text);
  margin-top: -1px;
  margin-bottom: 18px;
}

.fz-4-banner-section .fz-4-banner-product-card-img {
  max-width: 140px;
}

.fz-4-banner-section .fz-4-banner-product-card-txt {
  padding-top: 45px;
  text-align: center;
}

.fz-4-banner-section .fz-4-banner-product-card-txt .fz-4-single-product-actions {
  margin-bottom: 30px;
}

.fz-4-banner-section .fz-4-banner-product-card__title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--clr-body-dark-2);
  margin-top: -5px;
  margin-bottom: 11px;
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-product-card__title {
    font-size: 16px;
    margin-top: -3px;
    margin-bottom: 8px;
  }
}

.fz-4-banner-section .fz-4-banner-product-card__price {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: var(--clr-body-dark-2);
  margin-bottom: -3px;
}

.fz-4-banner-section .fz-4-banner-product-card__price span {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-product-card__price {
    font-size: 14px;
  }

  .fz-4-banner-section .fz-4-banner-product-card__price span {
    font-size: 12px;
  }
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer__body {
  display: flex;
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer-cell {
  width: 55px;
  text-align: center;
  position: relative;
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer-cell::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 100%;
  transform: translateX(-50%);
  width: 1px;
  height: 10px;
  background: var(--clr-gray-3);
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer-cell:last-child::after {
  display: none;
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer-cell__value {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #05707c;
  border-radius: 2px;
  color: #ffffff;
  margin: auto;
  margin-bottom: 11px;
}

.fz-4-banner-section .fz-hot-deal-countdown .syotimer-cell__unit {
  font-size: 12px;
  font-weight: 600;
  color: #05707c;
  text-transform: capitalize;
}

.fz-4-banner-section .fz-4-banner-slider {
  height: 100%;
  background: var(--clr-gray-soft);
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 50px;
  z-index: 2;
}

@media screen and (max-width: 1399px) {
  .fz-4-banner-section .fz-4-banner-slider {
    padding: 0 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-slider {
    padding: 40px 15px;
  }
}

.fz-4-banner-section .fz-4-banner-slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/vector.png) center right no-repeat;
  background-size: contain;
  z-index: -1;
}

.fz-4-banner-section .fz-4-banner-slider-img {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-slider-img {
    padding-top: 40px;
    height: 220px;
  }

  .fz-4-banner-section .fz-4-banner-slider-img img {
    max-height: 100%;
  }
}

.fz-4-banner-section .fz-4-banner-slider__title {
  font-size: 70px;
  line-height: 1.14;
  font-weight: 700;
  color: var(--clr-body-dark);
  margin-top: -14px;
  margin-bottom: 18px;
}

@media screen and (max-width: 1199px) {
  .fz-4-banner-section .fz-4-banner-slider__title {
    font-size: 45px;
    margin-top: -9px;
    margin-bottom: 19px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-slider__title {
    font-size: 25px;
    margin-top: -5px;
    margin-bottom: 14px;
  }
}

.fz-4-banner-section .fz-4-banner-slider__dscr {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--clr-body-text);
  margin-bottom: 31px;
}

@media screen and (max-width: 1199px) {
  .fz-4-banner-section .fz-4-banner-slider__dscr {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-banner-section .fz-4-banner-slider__dscr {
    font-size: 16px;
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 767px) {
  .fz-4-banner-section .fz-4-banner-row {
    flex-direction: column-reverse;
  }
}

.fz-4-single-product-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.fz-4-single-product-actions a {
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 2px;
  color: #126300 !important;
  text-align: center;
  line-height: 30px;
}

.fz-4-single-product-actions a:hover {
  background: #05707c;
  color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  .fz-4-single-product-actions {
    gap: 5px;
  }

  .fz-4-single-product-actions a {
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 13px;
  }

  .fz-4-single-product-actions a.fz-quick-view {
    display: none;
  }
}

.fz-5-banner-slider-1 {
  background-size: cover;
  height: 600px;
}

.fz-5-banner-slider-2 {
  background-size: cover;
  height: 600px;
}

.fz-5-banner-slider-3 {
  background-size: cover;
  height: 600px;
}

@media only screen and (max-width: 767px) {
  .fz-5-banner-slider-1 {
    height: 450px;
  }

  .fz-5-banner-slider-2 {
    height: 450px;
  }

  .fz-5-banner-slider-3 {
    height: 450px;
  }
}



.fz-5-banner-slider .fz-5-banner-txt {
  padding: 150px 0;
  color: #fff;
}

.fz-5-banner-slider .fz-5-banner-txt h3 {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  margin-top: -7px;
  margin-bottom: 27px;
  transform: translateY(100px);
  opacity: 0;
  transition: 1s;
}

.fz-5-banner-slider .fz-5-banner-txt h1 {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 30px;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s;
}

.fz-5-banner-slider .fz-5-banner-txt p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 30px;
}

.fz-5-banner-slider .fz-5-banner-txt a {
  transform: translateY(100px);
  opacity: 0;
}

@media screen and (max-width: 1399px) {
  .fz-5-banner-slider .fz-5-banner-txt {
    padding: 100px 0;
  }

  .fz-5-banner-slider .fz-5-banner-txt h3 {
    font-size: 40px;
    margin-top: -5px;
    margin-bottom: 21px;
  }

  .fz-5-banner-slider .fz-5-banner-txt h1 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-5-banner-slider .fz-5-banner-txt {
    padding: 120px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-banner-slider .fz-5-banner-txt {
    padding: 60px 0;
  }

  .fz-5-banner-slider .fz-5-banner-txt h3 {
    font-size: 20px;
    margin-top: -2px;
    margin-bottom: 14px;
  }

  .fz-5-banner-slider .fz-5-banner-txt h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-banner-slider .fz-5-banner-txt {
    padding: 40px 0;
  }

  .fz-5-banner-slider .fz-5-banner-txt h3 {
    font-size: 18px;
    margin-top: -2px;
    margin-bottom: 20px;
  }

  .fz-5-banner-slider .fz-5-banner-txt h1 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
  }

  .fz-5-banner-slider .fz-5-banner-txt p {
    font-size: 15px;
    line-height: 25px;
  }
}

.fz-5-banner-slider .owl-item.active h3,
.fz-5-banner-slider .owl-item.active h1,
.fz-5-banner-slider .owl-item.active a {
  transform: translateY(0);
  opacity: 1;
}

.fz-6-banner {
  position: relative;
  background-color: #171717;
}

.fz-6-banner-slide {
  padding: 280px 0 225px;
  background-image: url(../images/banner-6-bg-1.jpg);
  color: #ffffff;
  transition: 0.7s ease;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1599px) {
  .fz-6-banner-slide {
    padding: 190px 0 190px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-banner-slide {
    padding: 140px 0 150px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-banner-slide {
    padding: 100px 0 130px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-banner-slide {
    padding: 70px 0 130px;
  }
}

.fz-6-banner-slide::before {
  position: absolute;
  inset: 0;
  z-index: 10;
  transition: all 0.8s ease-in-out;
  background-color: #171717;
  width: 100%;
}

.fz-6-banner .owl-item.active .fz-6-banner-slide::before {
  width: 0;
  left: auto;
  opacity: 1;
}

.fz-6-banner .owl-item.active .fz-6-banner-title,
.fz-6-banner .owl-item.active .fz-6-banner-bottom,
.fz-6-banner .owl-item.active .fz-6-banner-descr,
.fz-6-banner .owl-item.active .fz-6-banner-btn {
  transform: translateY(0);
  opacity: 1;
}

.fz-6-banner-title,
.fz-6-banner-bottom,
.fz-6-banner-descr,
.fz-6-banner-btn {
  transform: translateY(50px);
  transition: all 0.4s ease, transform 0.9s ease;
  opacity: 0;
}

.fz-6-banner-title {
  font-size: 70px;
  font-weight: 800;
  line-height: 1.14;
  margin-bottom: 43px;
}

@media screen and (max-width: 1599px) {
  .fz-6-banner-title {
    font-size: 62px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-banner-title {
    font-size: 54px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-banner-title {
    font-size: 48px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-banner-title {
    font-size: 42px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-banner-title {
    font-size: 38px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-banner-title {
    font-size: 32px;
  }
}

.fz-6-banner-bottom {
  padding-left: 135px;
  position: relative;
  transition-delay: 0.2s;
}

@media screen and (max-width: 1199px) {
  .fz-6-banner-bottom {
    padding-left: 115px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-banner-bottom {
    padding-left: 0;
  }
}

.fz-6-banner-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  height: 4px;
  width: 110px;
  background-color: #fb2f29;
}

@media screen and (max-width: 1199px) {
  .fz-6-banner-bottom::before {
    width: 90px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-banner-bottom::before {
    content: none;
  }
}

.fz-6-banner-btn {
  border: 1px solid #fff;
  padding: 0 32px;
  height: 45px;
  display: inline-flex;
  place-items: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.fz-6-banner-btn::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  z-index: -1;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: 0.4s ease;
}

.fz-6-banner-btn:hover {
  color: #222222;
}

.fz-6-banner-btn:hover::before {
  bottom: 0;
  top: auto;
  height: 100%;
}

.fz-6-banner-descr {
  margin-bottom: 48px;
}

@media screen and (max-width: 1199px) {
  .fz-6-banner-descr {
    margin-bottom: 38px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-banner-descr {
    margin-bottom: 28px;
  }
}

.fz-6-banner-socials {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  gap: 120px;
  color: #fff;
  bottom: 80px;
  left: -165px;
}

.fz-6-banner-socials h6 {
  position: relative;
  text-transform: capitalize;
  font-family: "Josefin Sans", sans-serif;
  writing-mode: vertical-lr;
  scale: -1;
}

.fz-6-banner-socials h6::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 70px;
  top: calc(100% + 20px);
  background-color: #ffffff;
}

.fz-6-banner-socials ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.fz-6-slider-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 65px;
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fz-6-slider-dots {
    bottom: 35px;
  }
}

.fz-6-slider-dots button.owl-dot {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  outline: 1px solid transparent;
  outline-offset: 5px;
  transition: 0.4s ease;
}

.fz-6-slider-dots button.owl-dot.active {
  outline-color: #fb2f29;
  background-color: #fb2f29;
}

.fz-7-banner .owl-item .fz-7-banner-img {
  width: 1350px;
}

@media screen and (max-width: 1599px) {
  .fz-7-banner .owl-item .fz-7-banner-img {
    width: 1090px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-banner .owl-item .fz-7-banner-img {
    width: 490px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-banner .owl-item .fz-7-banner-img {
    width: 100%;
  }
}

.fz-7-banner .owl-item.active .fz-7-banner-img {
  scale: 1;
}

.fz-7-banner-slide {
  background: #ffffff;
  overflow: hidden;
}

@media screen and (max-width: 1199px) {
  .fz-7-banner-slide {
    padding: 110px 0 120px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-banner-slide {
    padding: 0;
    padding-top: 15px;
    text-align: center;
  }
}

.fz-7-banner-slide::before {
  content: none;
}

.fz-7-banner-slide .fz-6-banner-title {
  color: #18223A;
  font-weight: 700;
  font-size: 100px;
}

@media screen and (max-width: 1599px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 85px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 80px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 70px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 60px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 575px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-banner-slide .fz-6-banner-title {
    font-size: 40px;
  }
}

.fz-7-banner-slide .fz-6-banner-btn {
  transition: all 0.4s ease, opacity 0.9s ease 0.2s, transform 0.9s ease 0.2s;
}

@media screen and (max-width: 479px) {
  .fz-7-banner-slide .fz-6-banner-btn {
    padding: 0 22px;
    height: 40px;
  }
}

.fz-7-banner-slide .fz-6-banner-btn::before {
  background-color: #171717;
}

.fz-7-banner-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  scale: 1.16;
  transition: 1.5s ease;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .fz-7-banner-img {
    position: static;
  }
}

.fz-7-banner-socials-container {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 1;
  height: 100%;
  visibility: hidden;
}

@media screen and (min-width: 1400px) {
  .fz-7-banner-socials-container {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-banner-socials-container {
    display: none;
  }
}

.fz-7-banner .fz-6-banner-socials {
  color: #18223A;
  left: auto;
  right: -170px;
  right: -12%;
  right: 50px;
  bottom: auto;
  top: 50%;
  translate: 0 -50%;
  visibility: visible;
}

@media screen and (max-width: 1399px) {
  .fz-7-banner .fz-6-banner-socials {
    right: 0;
  }
}

.fz-7-banner .fz-6-banner-socials h6::before {
  background-color: #18223A;
}

.fz-8-banner-slide {
  padding-top: 75px;
  background-color: #e7f4f5;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1199px) {
  .fz-8-banner-slide {
    padding-top: 45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-banner-slide {
    padding-top: 25px;
  }
}

.fz-8-banner-slide::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
  background: url(../images/fz-8-banner-grid.png) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .fz-8-banner-txt {
    text-align: center;
  }
}

.fz-8-banner-txt>* {
  transform: translateY(100px);
  opacity: 0;
  transition: 1.4s ease;
}

.fz-8-banner-txt>*:nth-child(2) {
  transition-delay: 0.5s;
}

.fz-8-banner-title {
  text-transform: uppercase;
  font-size: 150px;
  font-weight: 700;
  color: #18223A;
  line-height: 1;
  margin-bottom: 32px;
}

@media screen and (max-width: 1399px) {
  .fz-8-banner-title {
    font-size: 130px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-banner-title {
    font-size: 110px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-banner-title {
    font-size: 100px;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-banner-title {
    font-size: 90px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-banner-title {
    font-size: 80px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-banner-title {
    font-size: 60px;
  }
}

.fz-8-banner .fz-def-btn {
  color: #18223A;
  border-color: #18223A;
  font-size: 26px;
  font-weight: 500;
  font-family: "Teko", sans-serif;
}

@media screen and (max-width: 479px) {
  .fz-8-banner .fz-def-btn {
    font-size: 20px;
  }
}

.fz-8-banner .fz-def-btn:hover {
  color: #ffffff;
}

.fz-8-banner .fz-def-btn span {
  background-color: #18223A;
}

.fz-8-banner .owl-item.active .fz-8-banner-txt>* {
  transform: translateY(0);
  opacity: 1;
}

.fz-8-banner .owl-item.active .fz-8-banner-prod {
  translate: -50% 0;
}

@media screen and (max-width: 991px) {
  .fz-8-banner .owl-item.active .fz-8-banner-prod {
    translate: 0 0;
  }
}

.fz-8-banner .owl-item .fz-8-banner-img {
  width: 520px;
  height: 806px;
}

@media screen and (max-width: 1399px) {
  .fz-8-banner .owl-item .fz-8-banner-img {
    width: 420px;
    height: 656px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-banner .owl-item .fz-8-banner-img {
    width: 360px;
    height: 596px;
  }
}

.fz-8-banner-img {
  max-width: 520px;
  opacity: 0;
}

.fz-8-banner-left-actions {
  visibility: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 150px;
  position: absolute;
  bottom: 80px;
  left: -170px;
}

.fz-8-banner-left-actions .fz-6-banner-socials {
  position: static;
  color: #171717;
}

.fz-8-banner-left-actions .fz-6-banner-socials h6 {
  font-family: "Teko", sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.fz-8-banner-left-actions .fz-6-banner-socials h6::before {
  background-color: #171717;
}

.fz-8-banner .owl-item.active .fz-8-banner-img {
  animation: flicker-in-1 2s linear both;
}

.fz-8-banner-prod {
  padding: 90px 70px 60px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #ffffff;
  border-radius: 250px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-align: center;
  font-weight: 500;
  translate: -50% 100%;
  transition: 1.4s ease;
}

@media screen and (max-width: 1399px) {
  .fz-8-banner-prod {
    padding: 70px 50px 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-banner-prod {
    padding: 60px 40px 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-banner-prod {
    left: auto;
    right: 0;
    translate: 0 100%;
  }
}

.fz-8-banner-prod-img {
  margin-bottom: 30px;
}

.fz-8-banner-prod-img img {
  width: 275px;
  height: 157px;
  -o-object-fit: contain;
  object-fit: contain;
}

.fz-8-banner-prod-title {
  font-size: 40px;
  color: #2B2C34;
  line-height: 1;
  margin-bottom: 4px;
}

.fz-8-banner-prod-price {
  font-size: 30px;
  color: #2B2C34;
}

@keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  10.1% {
    opacity: 1;
  }

  10.2% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  20.1% {
    opacity: 1;
  }

  20.6% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  30.1% {
    opacity: 1;
  }

  30.5% {
    opacity: 1;
  }

  30.6% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  45.1% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  55% {
    opacity: 1;
  }

  55.1% {
    opacity: 0;
  }

  57% {
    opacity: 0;
  }

  57.1% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  60.1% {
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  65.1% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  75.1% {
    opacity: 0;
  }

  77% {
    opacity: 0;
  }

  77.1% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  85.1% {
    opacity: 0;
  }

  86% {
    opacity: 0;
  }

  86.1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.fz-9-banner-slide {
  background-position: center bottom;
}

@media screen and (max-width: 1399px) {
  .fz-9-banner-slide.pb-120 {
    padding-bottom: 80px;
  }
}

.fz-9-banner-left-img {
  margin-top: 240px;
}

@media screen and (max-width: 1399px) {
  .fz-9-banner-left-img {
    margin-top: 160px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-banner-left-img {
    margin-top: 140px;
  }
}

.fz-9-banner-right-img {
  margin-top: 100px;
}

@media screen and (max-width: 1199px) {
  .fz-9-banner-right-img {
    margin-top: 30px;
  }
}

.fz-9-banner-content {
  text-align: center;
  margin-top: 280px;
}

@media screen and (max-width: 1399px) {
  .fz-9-banner-content {
    margin-top: 175px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-banner-content {
    margin-top: 130px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-banner-content {
    margin-top: 95px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-banner-content {
    margin-top: 25px;
  }
}

.fz-9-banner-content>* {
  transition: 0.4s ease, translate 1s ease 0.1s, opacity 1s ease 0.1s, scale 1s ease 0.1s;
  translate: 0 100px;
  opacity: 0;
  scale: 0.8;
}

.fz-9-banner-content>*:nth-child(2) {
  transition: 0.4s ease, translate 1s ease 0.3s, opacity 1s ease 0.3s, scale 1s ease 0.3s;
}

.fz-9-banner-content>*:nth-child(3) {
  transition: 0.4s ease, translate 1s ease 0.5s, opacity 1s ease 0.5s, scale 1s ease 0.5s;
}

.fz-9-banner-subtitle {
  font-size: 35px;
  font-weight: 600;
  color: #4BC8C8;
  text-transform: uppercase;
}

.fz-9-banner-subtitle span {
  color: #FF7C7C;
}

@media screen and (max-width: 1399px) {
  .fz-9-banner-subtitle {
    font-size: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-banner-subtitle {
    font-size: 20px;
  }
}

.fz-9-banner-title {
  font-size: 85px;
  font-weight: 800;
  color: #253B70;
  line-height: 1.13;
  margin-bottom: 35px;
}

@media screen and (max-width: 1599px) {
  .fz-9-banner-title {
    font-size: 70px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-9-banner-title {
    font-size: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-banner-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-banner-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-banner-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-9-banner-title {
    margin-bottom: 10px;
  }
}

.fz-9-banner .owl-item.active .fz-9-banner-content>* {
  translate: 0 0;
  opacity: 1;
  scale: 1;
}

.fz-9-banner .fz-banner-left-actions {
  position: absolute;
  right: -170px;
  bottom: 85px;
  z-index: 2;
}

.fz-9-banner .fz-banner-left-actions ul {
  flex-direction: column;
}

.fz-9-banner .fz-banner-left-actions ul a {
  writing-mode: vertical-lr;
  scale: -1;
  color: #253B70;
}

.fz-10-banner {
  position: relative;
  overflow: visible;
  z-index: 1;
  padding: 190px 0 170px;
}

@media screen and (max-width: 1399px) {
  .fz-10-banner {
    padding: 140px 0 120px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-10-banner {
    padding: 100px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-banner {
    padding: 70px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-banner {
    padding: 35px 0 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-banner .fz-banner-left {
    text-align: center;
  }
}

.fz-10-banner .fz-10-heading {
  font-size: 150px;
  line-height: 1.1;
  margin-bottom: 40px;
  mix-blend-mode: difference;
  color: #ffffff;
}

@media screen and (max-width: 1599px) {
  .fz-10-banner .fz-10-heading {
    font-size: 130px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-10-banner .fz-10-heading {
    font-size: 110px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-10-banner .fz-10-heading {
    font-size: 90px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-banner .fz-10-heading {
    font-size: 70px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-banner .fz-10-heading {
    margin-bottom: 20px;
    font-size: 65px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-banner .fz-10-heading {
    font-size: 55px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-banner .fz-10-heading {
    font-size: 45px;
  }
}

.fz-10-banner-left-actions {
  gap: 400px;
}

@media screen and (min-width: 1700px) {
  .fz-10-banner-left-actions {
    left: 60px;
  }
}

@media screen and (max-width: 1699px) and (min-width: 1500px) {
  .fz-10-banner-left-actions {
    left: 30px;
  }
}

@media screen and (max-width: 1499px) {
  .fz-10-banner-left-actions {
    left: 20px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-10-banner-left-actions {
    gap: 250px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-10-banner-left-actions {
    gap: 200px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-banner-left-actions {
    gap: 200px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-banner-left-actions {
    gap: 135px;
  }
}

.fz-10-banner .fz-10-btn {
  border: 1px solid #000;
  color: #2B2C34;
  background: #fff;
}

.fz-10-banner .fz-10-btn span {
  background-color: #000;
}

.fz-10-banner .fz-10-btn:hover {
  color: #fff;
}

.fz-10-banner-right {
  position: relative;
  text-align: center;
}

.fz-10-banner-right .single-image-box {
  position: relative;
}

.fz-10-banner-right .single-image-box img {
  border-radius: 0 84px 0 84px;
  margin-bottom: 20px;
  margin-inline: auto;
}

@media screen and (max-width: 1199px) {
  .fz-10-banner-right .single-image-box img {
    margin-bottom: 10px;
  }
}

.fz-10-banner-right .single-image-box h4 {
  font-size: 22px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .fz-10-banner-right .single-image-box h4 {
    font-size: 20px;
  }
}

.fz-10-banner-right .single-image-box span {
  color: #D6B34E;
  font-weight: 400;
  font-size: 20px;
  font-family: "Nunito", sans-serif;
}

.fz-10-banner-socials {
  visibility: visible;
  color: #5B5B5F;
  left: auto;
}

@media screen and (min-width: 1700px) {
  .fz-10-banner-socials {
    right: 60px;
  }
}

@media screen and (max-width: 1699px) and (min-width: 1500px) {
  .fz-10-banner-socials {
    right: 40px;
  }
}

@media screen and (max-width: 1499px) {
  .fz-10-banner-socials {
    right: 25px;
  }
}

.fz-10-banner-socials h6::before {
  background-color: #5B5B5F;
}

.fz-10-banner-bg-slider {
  position: absolute;
  inset: 0;
  top: auto;
  z-index: -1;
  pointer-events: none;
}

.fz-10-banner-bg-slider img {
  margin: auto;
  width: 472px;
}

@media screen and (max-width: 1399px) {
  .fz-10-banner-bg-slider img {
    width: 378px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-10-banner-bg-slider img {
    width: 318px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-banner-bg-slider img {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-banner-bg-slider img {
    width: 400px;
    opacity: 0.2;
  }
}

.fz-10-banner-prod-slider-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 45%;
  left: 50%;
  translate: -50% -50%;
}

.fz-10-banner-prod-slider-nav button {
  background: #ffffff;
  padding: 7px 15px;
  font-size: 20px;
  border-radius: 3px;
  box-shadow: 2px 4px 8px rgba(0, 0, 1, 0.05);
}

.fz-10-banner-prod-slider-nav button:hover {
  background-color: #000000;
  color: #ffffff;
}

.fz-11-banner {
  margin-top: 100px;
  margin-bottom: 100px;
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 1599px) {
  .fz-11-banner {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-banner {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-banner {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.fz-11-banner .fz-11-banner-image1 {
  height: 600px;
  margin-top: 70px;
  -webkit-clip-path: polygon(100% 0%, 100% 80%, 80% 100%, 0% 100%, 0% 86%, 0% 20%);
  clip-path: polygon(0% 0%, 80% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%, 0% 86%, 0% 20%);
  aspect-ratio: 16/13.7;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .fz-11-banner .fz-11-banner-image1 {
    display: none;
  }
}

.fz-11-banner .fz-11-banner-cctv {
  position: absolute;
  height: 140px;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EEF7FF;
  top: 725px;
  left: 560px;
  border-radius: 50%;
}

@media screen and (max-width: 991px) {
  .fz-11-banner .fz-11-banner-cctv {
    left: 530px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-banner .fz-11-banner-cctv {
    left: 60px;
    top: 570px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-cctv {
    top: 490px;
    width: 120px;
    height: 120px;
  }
}

.fz-11-banner .fz-11-banner-container {
  display: flex;
  gap: 70px;
  margin-right: 50px;
}

@media screen and (max-width: 1399px) {
  .fz-11-banner .fz-11-banner-container {
    gap: 40px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-banner .fz-11-banner-container {
    gap: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-container {
    gap: 20px;
  }
}

.fz-11-banner .fz-11-banner-heading {
  width: 490px;
  font-size: 80px;
  font-weight: bold;
  margin-top: 50px;
  line-height: 90px;
  max-width: 100%;
}

@media screen and (max-width: 575px) {
  .fz-11-banner .fz-11-banner-heading {
    margin-top: 0;
    font-size: 70px;
    line-height: 80px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-heading {
    font-size: 50px;
    line-height: 60px;
  }
}

.fz-11-banner .fz-11-banner-description {
  width: 460px;
  font-size: 18px;
  font-family: "Nunito", sans-serif;
  margin-top: 20px;
  max-width: 100%;
}

.fz-11-banner .fz-11-banner-button {
  width: 140px;
  height: 45px;
  background-color: white;
  border: 1px solid black;
  color: black;
  margin-top: 40px;
  font-family: "Jost", sans-serif;
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-button {
    margin-top: 30px;
  }
}

.fz-11-banner .fz-11-banner-button:hover {
  background-color: black;
  color: white;
}

.fz-11-banner .fz-11-banner-sub-container {
  display: flex;
  gap: 190px;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .fz-11-banner .fz-11-banner-sub-container {
    gap: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-sub-container>div {
    max-width: 280px;
  }
}

.fz-11-banner .fz-11-banner-image2 {
  height: 400px;
  min-width: 320px;
}

@media screen and (max-width: 767px) {
  .fz-11-banner .fz-11-banner-image2 {
    display: none;
  }
}

.fz-11-banner .fz-11-banner-image3 {
  height: 202px;
  width: 338px;
}

.fz-11-banner .fz-11-banner-sub-container2 {
  display: flex;
  padding-top: 120px;
  justify-content: center;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 575px) {
  .fz-11-banner .fz-11-banner-sub-container2 {
    padding-top: 60px;
  }
}

.fz-11-banner .fz-11-banner-social-media {
  display: flex;
  gap: 20px;
  color: #18223a;
  width: 100%;
  position: absolute;
  left: 480px;
  bottom: 500px;
  transform: rotate(-90deg);
  font-size: 16px;
  font-family: "Nunito", sans-serif;
}

.fz-11-banner .fz-11-banner-sticker {
  position: absolute;
  top: 690px;
  left: 525px;
}

@media screen and (max-width: 991px) {
  .fz-11-banner .fz-11-banner-sticker {
    left: 495px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-banner .fz-11-banner-sticker {
    left: 26px;
    top: 535px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-banner .fz-11-banner-sticker {
    top: 470px;
    left: 40px;
    width: 160px;
  }
}

.fz-11-banner .fz-11-banner-sticker img {
  position: relative;
  animation: rotateText 6s linear infinite;
}

.fz-12-banner {
  position: relative;
}

.fz-12-banner .fz-8-banner-left-actions {
  gap: 255px;
  left: 18px;
}

@media screen and (max-width: 1399px) {
  .fz-12-banner .fz-8-banner-left-actions {
    left: -22px;
    gap: 195px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-banner .fz-8-banner-left-actions {
    left: -2px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-banner .owl-item .fz-12-banner-img img {
    width: 100%;
  }
}

.fz-12-banner .owl-item.active .fz-12-banner-prod {
  animation: tilt-in-tr 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.fz-12-banner .owl-item.active .fz-12-banner-title {
  translate: 0 0;
  opacity: 1;
}

.fz-12-banner .owl-item.active .fz-12-banner-img {
  animation: tilt-in-left-1 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.fz-12-banner .owl-item.active .fz-def_btn_wrapper {
  translate: 0 0;
}

.fz-12-banner-slide {
  padding: 70px 0;
  background-color: #e7f4f5;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .fz-12-banner-slide {
    padding: 50px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-banner-slide {
    padding: 30px 0;
  }
}

.fz-12-banner-img {
  position: relative;
  z-index: -1;
}

.fz-12-banner-img img {
  max-width: 470px;
  height: 740px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1399px) {
  .fz-12-banner-img img {
    height: 640px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-banner-img img {
    height: 600px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-banner-img img {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-banner-img img {
    height: 400px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-banner-img img {
    height: 300px;
  }
}

.fz-12-banner-title {
  font-size: 150px;
  font-weight: 600;
  color: #cdcdcd;
  line-height: 1;
  margin-bottom: 48px;
  mix-blend-mode: difference;
  translate: 0 -100px;
  opacity: 0;
  transition: 1.5s ease;
}

@media screen and (max-width: 1399px) {
  .fz-12-banner-title {
    font-size: 120px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-banner-title {
    font-size: 100px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-banner-title {
    font-size: 85px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-banner-title {
    font-size: 65px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-banner-title {
    font-size: 55px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-banner-title {
    font-size: 40px;
  }
}

.fz-12-banner .fz-def_btn_wrapper {
  translate: 0 100px;
  transition: translate 1.5s ease;
}

.fz-12-banner .fz-def-btn {
  border-color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
}

@media screen and (max-width: 479px) {
  .fz-12-banner .fz-def-btn {
    font-size: 15px;
  }
}

.fz-12-banner .fz-def-btn:hover {
  color: #ffffff;
}

.fz-12-banner .fz-def-btn span {
  background-color: #000;
}

.fz-12-banner-prod {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

.fz-12-banner-prod>* {
  flex-shrink: 0;
}

.fz-12-banner-prod .fz-12-banner-prod-title {
  font-size: 25px;
  font-family: "Nunito", sans-serif;
  color: #2B2C34;
}

.fz-12-banner-prod-price {
  color: #E4C774;
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-12-banner-prod-img {
    flex-shrink: 0;
    width: 230px;
  }
}

.fz-12-banner-slider-dots {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 60px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fz-12-banner-slider-dots {
    translate: 0;
    bottom: 25px;
    top: auto;
    right: 25px;
  }
}

.fz-12-banner-slider-dots button {
  font-family: "Nunito", sans-serif;
  color: #B9B9B9;
  border-left: 1px solid #B9B9B9;
  padding-left: 15px;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
}

.fz-12-banner-slider-dots button.active {
  color: #18223A;
}

@keyframes tilt-in-tr {
  0% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@keyframes tilt-in-left-1 {
  0% {
    transform: rotateX(-30deg) translateX(-300px);
    opacity: 0;
  }

  100% {
    transform: rotateX(0deg) translateX(0);
    opacity: 1;
  }
}

.fz-12-menu-open-btn {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  font-size: 18px;
  gap: 15px;
}

.fz-12-menu-open-btn span {
  writing-mode: vertical-lr;
  scale: -1;
}

.fz-1-category-section {
  padding: 112px 0 120px;
}

@media screen and (max-width: 991px) {
  .fz-1-category-section {
    padding: 52px 0 60px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-category-section>.container>.row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 7px;
  }
}

.fz-1-category-section .fz-1-category-col {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .fz-1-category-section .fz-1-category-col {
    flex-direction: row;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-category-section .fz-1-category-col {
    gap: 17px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-category-section .fz-1-category-col {
    gap: 10px;
  }
}

.fz-1-category-section .fz-1-single-category {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}

.fz-1-category-section .fz-1-single-category:hover img {
  transform: scale(1.15);
}

.fz-1-category-section .fz-1-single-category img {
  width: 100%;
  transition: all 0.6s ease;
  height: 100%;
}

.fz-1-category-section .fz-1-single-category__title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  position: absolute;
  bottom: 30px;
  background-color: #ffffff;
  left: 50%;
  translate: -50% 0;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  -webkit-text-decoration: 1px underline transparent;
  text-decoration: 1px underline transparent;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  transition: all 0.4s ease;
}

@media screen and (max-width: 991px) {
  .fz-1-category-section .fz-1-single-category__title {
    font-size: 16px;
    bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-category-section .fz-1-single-category__title {
    padding: 5px 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-category-section .fz-1-single-category__title {
    width: 90%;
    bottom: 10px;
  }
}

.fz-1-category-section .fz-1-single-category__title:hover {
  text-decoration-color: #222222;
}

.fz-2-category-section {
  background: #ffffff;
  padding: 110px 0;
}

@media screen and (max-width: 991px) {
  .fz-2-category-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-2-category-section .fz-section-heading {
    text-align: center;
  }
}

.fz-2-category-section .fz-section-heading-description {
  margin-bottom: 0;
  font-weight: 400;
}

.fz-2-category-section .fz-section-title {
  font-family: "Soligant", sans-serif;
}

.fz-2-category-section .fz-section-title span {
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .fz-2-category-section .fz-section-title span {
    margin-left: 0;
  }
}

.fz-2-category-section .fz-single-category__img {
  position: relative;
  margin-bottom: 23px;
}

@media screen and (max-width: 479px) {
  .fz-2-category-section .fz-single-category__img {
    margin-bottom: 10px;
  }
}

.fz-2-category-section .fz-single-category__img:hover .fz-overlay {
  opacity: 1;
}

.fz-2-category-section .fz-single-category__img:hover .fz-def-btn {
  opacity: 1;
  margin-top: 0;
}

.fz-2-category-section .fz-single-category__img .fz-def-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-color: #ffffff;
  background: no-repeat;
  color: #ffffff;
  opacity: 0;
  margin-top: 10px;
}

@media screen and (max-width: 479px) {
  .fz-2-category-section .fz-single-category__img .fz-def-btn {
    font-size: 12px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

.fz-2-category-section .fz-single-category__img .fz-def-btn:hover {
  border-color: #222222;
}

.fz-2-category-section .fz-single-category__img .fz-def-btn span {
  background-color: #222222;
}

.fz-2-category-section .fz-single-category__img .fz-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: 0.4s ease;
}

.fz-2-category-section .fz-single-category__txt h5 {
  font-family: "Soligant", sans-serif;
  font-size: 34px;
  text-transform: capitalize;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fz-2-category-section .fz-single-category__txt h5 {
    font-size: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-category-section .fz-single-category__txt h5 {
    font-size: 14px;
  }
}

.fz-2-category-section .fz-single-category__txt h5 span {
  font-family: "Futura PT", sans-serif;
  font-weight: 400;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .fz-2-category-section .fz-single-category__txt h5 span {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-2-category-section .fz-single-category__txt h5 span {
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-category-section .fz-single-category__txt h5 span {
    font-size: 13px;
  }
}

.fz-2-category-section .fz-single-category__txt h5 a:hover {
  color: #05707c;
}

.fz-2-category-section .fz-single-category.second-category {
  height: 100%;
}

.fz-2-category-section .fz-single-category.second-category .fz-single-category__img {
  margin-bottom: 0;
}

.fz-3-category-section {
  background: #f8f8f8;
  padding: 110px 0;
  isolation: isolate;
}

@media screen and (max-width: 1399px) {
  .fz-3-category-section {
    padding: 60px 0;
  }
}

.fz-3-category-section .fz-3-section-heading {
  text-align: center;
}

.fz-3-category-section .fz-3-section-heading-description {
  margin-bottom: 0;
  font-weight: 400;
}

@media screen and (max-width: 1599px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 70px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 60px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 40px;
  }

  .fz-3-category-section .fz-3-section-title br {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-category-section .fz-3-section-title {
    font-size: 35px;
  }
}

.fz-3-category-section .fz-3-section-title span {
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .fz-3-category-section .fz-3-section-title span {
    margin-left: 0;
  }
}

.fz-3-category-section .fz-3-single-category {
  display: block;
  text-align: center;
}

.fz-3-category-section .fz-3-single-category__img {
  border-radius: 50%;
  width: 216px;
  max-width: 100%;
  aspect-ratio: 1;
  position: relative;
  margin: auto;
  margin-bottom: 23px;
  background: url(../images/fz-cat-bg-1.png) no-repeat center center;
  z-index: 1;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 1399px) {
  .fz-3-category-section .fz-3-single-category__img {
    width: 135px;
    margin-bottom: 13px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-category-section .fz-3-single-category__img {
    width: 125px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-category-section .fz-3-single-category__img {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-category-section .fz-3-single-category__img {
    width: 120px;
    margin-bottom: 5px;
  }
}

.fz-3-category-section .fz-3-single-category__img img {
  width: 50%;
}

.fz-3-category-section .fz-3-single-category__img::before {
  transition: all 0.4s ease;
  content: "";
  border: 1px solid #eee;
  position: absolute;
  inset: 0;
  background-color: #f8f8f8;
  border-radius: 50%;
  z-index: -1;
}

.fz-3-category-section .fz-3-single-category__img:hover::before {
  background-color: rgba(0, 0, 0, 0.65);
}

.fz-3-category-section .fz-3-single-category__img .fz-3-def-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-color: #ffffff;
  background: no-repeat;
  color: #ffffff;
  opacity: 0;
  margin-top: 10px;
}

.fz-3-category-section .fz-3-single-category__img .fz-3-def-btn:hover {
  border-color: #222222;
}

.fz-3-category-section .fz-3-single-category__img .fz-3-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: 0.4s ease;
}

.fz-3-category-section .fz-3-single-category__txt a {
  font-family: "Playfair Display", serif;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 0;
}

@media screen and (max-width: 479px) {
  .fz-3-category-section .fz-3-single-category__txt a {
    font-size: 16px;
  }
}

.fz-3-category-section .fz-3-single-category__txt a:hover {
  color: #05707c;
}

.fz-3-category-section .fz-3-single-category__txt a span {
  font-family: "Futura PT", sans-serif;
  font-weight: 400;
  font-size: 25px;
}

.fz-3-category-section .fz-3-single-category.second-category {
  height: 100%;
}

.fz-3-category-section .fz-3-single-category.second-category .single-category__img {
  margin-bottom: 0;
  margin-top: 10px;
}

@media screen and (max-width: 575px) {
  .fz-3-category-section .fz-3-single-category.second-category .single-category__img {
    margin-top: 0;
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-category-section.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-4-single-category__img {
  aspect-ratio: 1/1;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 20px;
  background: var(--clr-gray-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

@media screen and (max-width: 1199px) {
  .fz-4-single-category__img {
    padding: 15px;
  }

  .fz-4-single-category__img img {
    max-height: 100px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-single-category__img {
    padding: 15px;
  }

  .fz-4-single-category__img img {
    max-height: 95px;
  }
}

.fz-4-single-category__txt {
  text-align: center;
  padding-top: 27px;
  margin-bottom: -7px;
}

@media screen and (max-width: 1199px) {
  .fz-4-single-category__txt {
    padding-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-single-category__txt {
    padding-top: 8px;
  }
}

.fz-4-single-category__txt a {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--clr-body-dark);
}

@media screen and (max-width: 1199px) {
  .fz-4-single-category__txt a {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-single-category__txt a {
    font-size: 14px;
  }
}

.fz-4-single-category:hover .fz-4-single-category__img {
  border-color: #126300;
}

@media screen and (max-width: 991px) {
  .fz-5-category-section.pt-120 {
    padding-top: 60px;
  }

  .fz-5-category-section.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-5-category-slider {
  margin-bottom: -4px;
}

.fz-5-category-slider .owl-stage {
  padding-bottom: 5px;
}

.fz-5-category-slider .owl-nav {
  position: absolute;
  top: 50%;
  left: -50px;
  right: -50px;
  transform: translateY(-100%);
  display: flex;
  justify-content: space-between;
  font-size: 30px;
  color: var(--clr-body-soft);
  visibility: hidden;
  z-index: 2;
}

.fz-5-category-slider .owl-nav button {
  visibility: visible;
}

.fz-5-category-slider .owl-nav button:hover {
  color: #0A0A0A;
}

@media screen and (max-width: 1399px) {
  .fz-5-category-slider .owl-nav {
    left: -30px;
    right: -30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-category-slider .owl-nav {
    display: none;
  }
}

.fz-5-category-slider-img {
  background: #e9e9e9;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 50%;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .fz-5-category-slider-img {
    margin-bottom: 20px;
  }
}

.fz-5-category-slider-txt {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  margin-top: -2px;
  margin-bottom: -4px;
}

@media screen and (max-width: 991px) {
  .fz-5-category-slider-txt {
    font-size: 18px;
  }
}

.fz-6-categories {
  background-color: #e7f4f5;
  padding: 85px 0 100px;
}

@media screen and (max-width: 1199px) {
  .fz-6-categories {
    padding: 55px 0 70px;
  }
}

.fz-6-categories-bg {
  background-color: #ffffff;
  padding: 65px 70px;
  border-radius: 5px;
}

@media screen and (max-width: 1399px) {
  .fz-6-categories-bg {
    padding: 45px 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-categories-bg {
    padding: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-categories-bg {
    padding: 20px;
  }
}

.fz-6-categories-row {
  --bs-gutter-x: 100px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1599px) {
  .fz-6-categories-row {
    --bs-gutter-x: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-categories-row {
    --bs-gutter-x: 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-categories-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 20px;
  }
}

.fz-6-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 479px) {
  .fz-6-category {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

.fz-6-category:hover .fz-6-category-title {
  color: #fb2f29;
}

.fz-6-category-title {
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  transition: 0.4s ease;
}

@media screen and (max-width: 767px) {
  .fz-6-category-title {
    font-size: 18px;
  }
}

.fz-6-category-amount {
  font-size: 14px;
  font-weight: 400;
}

.fz-6-category-img {
  align-self: flex-end;
}

@media screen and (max-width: 1399px) {
  .fz-6-category-img img {
    width: 90px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right;
    object-position: right;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-category-img img {
    width: 70px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-7-categories.pt-120 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-categories .row {
    --bs-gutter-x: 30px;
  }
}

.fz-7-category {
  gap: 40px;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 575px) {
  .fz-7-category {
    gap: 20px;
  }
}

.fz-7-category-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fz-7-category-sub-title {
  color: #2B2C34;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 6px;
}

@media screen and (max-width: 1199px) {
  .fz-7-category-sub-title {
    font-size: 26px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-category-sub-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-category-sub-title {
    font-size: 20px;
  }
}

.fz-7-category-title {
  color: #2B2C34;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
  .fz-7-category-title {
    font-size: 35px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-category-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-category-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  .fz-7-category-title {
    font-size: 25px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-category .fz-6-sub-banner-btn {
    padding: 0 23px;
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-category .fz-6-sub-banner-btn {
    padding: 0 20px;
    height: 35px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-8-categories.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-categories.py-120 {
    padding: 60px 0;
  }
}

.fz-8-categories-heading {
  margin-bottom: 64px;
}

@media screen and (max-width: 1399px) {
  .fz-8-categories-heading {
    margin-bottom: 34px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-categories-heading {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-categories-heading {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-categories-heading {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-categories-heading {
    margin-bottom: 10px;
  }
}

.fz-8-categories-title {
  font-size: 100px;
  line-height: 1;
  text-transform: uppercase;
  color: #18223A;
  font-weight: 600;
}

@media screen and (max-width: 1399px) {
  .fz-8-categories-title {
    font-size: 90px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-categories-title {
    font-size: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-categories-title {
    font-size: 70px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-categories-title {
    font-size: 60px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-categories-title {
    font-size: 55px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-categories-title {
    font-size: 50px;
  }
}

.fz-8-categories-title span {
  padding-left: 87px;
}

@media screen and (max-width: 991px) {
  .fz-8-categories-title span {
    padding-left: 57px;
  }
}

.fz-8-categories-descr {
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #4D4D4D;
}

@media screen and (max-width: 991px) {
  .fz-8-categories-descr {
    font-size: 18px;
  }
}

.fz-8-categories-col-left {
  margin-top: 125px;
}

@media screen and (max-width: 991px) {
  .fz-8-categories-col-left {
    margin-top: 85px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-categories-col-left {
    margin-top: 55px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-categories-col-left {
    margin-top: 20px;
  }
}

.fz-8-category {
  position: relative;
  overflow: hidden;
}

.fz-8-category:hover .fz-8-category-img img {
  scale: 1.1;
}

.fz-8-category:hover .fz-8-category-title {
  border-color: #ffffff;
}

.fz-8-category:first-child {
  margin-bottom: 100px;
}

@media screen and (max-width: 1199px) {
  .fz-8-category:first-child {
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-category:first-child {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-category:first-child {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-category:first-child {
    margin-bottom: 16px;
  }
}

.fz-8-category-rounded {
  border-top-left-radius: 290px;
  border-top-right-radius: 290px;
}

.fz-8-category-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7294117647) 0, transparent 40%);
  z-index: 1;
}

.fz-8-category-img img {
  transition: scale 0.4s ease;
  width: 100%;
}

.fz-8-category-txt {
  position: absolute;
  inset: 0;
  top: auto;
  padding: 0 50px;
  padding-bottom: 27px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {
  .fz-8-category-txt {
    padding: 0 35px;
    padding-bottom: 17px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-category-txt {
    padding: 0 25px;
    padding-bottom: 13px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-category-txt {
    padding: 0 15px;
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-category-txt {
    padding: 0 22px;
    padding-bottom: 13px;
  }
}

.fz-8-category-title {
  font-size: 50px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  line-height: 1;
  transition: 0.4s ease;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .fz-8-category-title {
    font-size: 40px;
    border-bottom-width: 2px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-category-title {
    font-size: 30px;
  }
}

.fz-8-category-title a:hover {
  color: #DBC996;
}

.fz-9-section-title-area {
  margin-bottom: 40px;
}

@media screen and (max-width: 479px) {
  .fz-9-section-title-area {
    margin-bottom: 20px;
  }
}

.fz-9-section-title-area .fz-9-section-title {
  font-size: 60px;
  font-weight: 700;
  color: #253B70;
}

@media screen and (max-width: 1599px) {
  .fz-9-section-title-area .fz-9-section-title {
    font-size: 55px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-9-section-title-area .fz-9-section-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-section-title-area .fz-9-section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-section-title-area .fz-9-section-title {
    font-size: 35px;
  }
}

.fz-9-section-title-area .fz-9-section-content {
  font-size: 16px;
  font-weight: 400;
  color: #253B70;
}

@media screen and (max-width: 991px) {
  .fz-9-section-title-area .fz-9-section-content br {
    display: none;
  }
}

.fz-9-categories {
  overflow: hidden;
  padding: 120px 0;
}

@media screen and (max-width: 1399px) {
  .fz-9-categories {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-categories {
    padding: 60px 0;
  }
}

.fz-9-categories .category-items {
  margin-top: 25px;
  position: relative;
}

.fz-9-categories .category-items .slick-list {
  margin-right: -30px;
}

@media screen and (max-width: 1399px) {
  .fz-9-categories .category-items .slick-list {
    margin-right: -20px;
  }
}

.fz-9-categories .category-items .category-box {
  margin-right: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-9-categories .category-items .category-box {
    margin-right: 20px;
  }
}

.fz-9-categories .category-items .category-box .category-thumb {
  margin-bottom: 20px;
}

.fz-9-categories .category-items .category-box .category-thumb a {
  width: 100%;
  vertical-align: top;
}

.fz-9-categories .category-items .category-box .category-thumb img {
  width: 100%;
}

.fz-9-slider-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}

.fz-9-slider-nav button {
  background-color: transparent;
  color: #FF7C7C;
  border: 1px solid #FF7C7C;
  height: 58px;
  width: 58px;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  transition: 0.4s;
  translate: -50% 0;
  visibility: visible;
}

@media screen and (max-width: 1199px) {
  .fz-9-slider-nav button {
    height: 48px;
    width: 48px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-slider-nav button {
    height: 43px;
    width: 43px;
  }
}

.fz-9-slider-nav button:last-child {
  translate: 50% 0;
}

@media screen and (max-width: 575px) {
  .fz-9-slider-nav button {
    display: none !important;
  }
}

.fz-9-slider-nav button:hover {
  background-color: #FF7C7C;
  color: #ffffff;
}

.fz-10-category-section {
  padding: 130px 0;
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}

@media screen and (max-width: 1199px) {
  .fz-10-category-section {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-category-section {
    padding: 60px 0 50px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-category-section {
    padding: 60px 0 20px;
  }
}

.fz-10-category-section .single-category-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .fz-10-category-section .single-category-area {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-category-section .single-category-area .single-categories-iamge {
    max-width: 250px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-category-section .single-category-area .single-categories-iamge {
    max-width: 100%;
  }
}

.fz-10-category-section .single-category-area .single-categories-content {
  padding: 70px 30px;
}

@media screen and (max-width: 1199px) {
  .fz-10-category-section .single-category-area .single-categories-content {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-category-section .single-category-area .single-categories-content {
    padding: 20px;
  }
}

.fz-10-category-section .single-category-area .single-categories-content h3 {
  margin-top: 30px;
  font-weight: 600;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .fz-10-category-section .single-category-area .single-categories-content h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-category-section .single-category-area .single-categories-content h3 {
    margin-top: 10px;
    margin-bottom: 6px;
  }
}

.fz-10-category-section .single-category-area .single-categories-content p {
  font-family: "Nunito", sans-serif;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #8A8A8A;
}

@media screen and (max-width: 575px) {
  .fz-10-category-section .single-category-area .single-categories-content p {
    margin-bottom: 10px;
  }
}

.fz-10-category-section .single-category-area .single-categories-content span {
  height: 1px;
  width: 60px;
  background: rgba(0, 0, 0, 0.16);
  transform: rotate(90deg);
  display: inline-block;
  margin: 30px 0 30px 0;
}

@media screen and (max-width: 575px) {
  .fz-10-category-section .single-category-area .single-categories-content span {
    width: 50px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-category-section .single-category-area .single-categories-content span {
    display: none;
  }
}

.fz-10-category-section .single-category-area .single-categories-image img {
  width: 100%;
}

@media screen and (max-width: 479px) {
  .fz-10-category-section .bottom-ct {
    flex-direction: column-reverse;
  }
}

.fz-10-category-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 575px) {
  .fz-10-category-row {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
}

.fz-11-category {
  max-width: 100%;
  margin-top: 200px;
  font-family: "Oswald", sans-serif;
}

@media screen and (max-width: 1599px) {
  .fz-11-category {
    margin-top: 130px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-category {
    margin-top: 60px;
  }
}

.fz-11-category .fz-11-category-container {
  background-color: #f5f5f5;
  height: 600px;
  position: relative;
}

@media screen and (max-width: 1599px) {
  .fz-11-category .fz-11-category-container {
    height: 410px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-category .fz-11-category-container {
    height: 350px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-container {
    height: 300px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-category .fz-11-category-container {
    height: 270px;
  }
}

.fz-11-category .fz-11-category-container:before {
  content: "";
  position: absolute;
  top: 100;
  right: 100;
  border-top: 300px solid white;
  border-right: 200px solid #f5f5f5;
  width: 0;
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-container:before {
    top: 70;
    right: 70;
    border-top: 200px solid white;
    border-right: 140px solid #f5f5f5;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-category .fz-11-category-container:before {
    top: 70;
    right: 70;
    border-top: 300px solid white;
    border-right: 140px solid #f5f5f5;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-category .fz-11-category-container:before {
    top: 70;
    right: 70;
    border-top: 0px solid white;
    border-right: 0px solid #f5f5f5;
  }
}

.fz-11-category .fz-11-category-sub-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 100px;
}

@media screen and (max-width: 1399px) {
  .fz-11-category .fz-11-category-sub-container {
    padding-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-sub-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}

.fz-11-category .fz-11-category-heading {
  font-size: 50px;
  font-weight: 600;
}

@media screen and (max-width: 1599px) {
  .fz-11-category .fz-11-category-heading {
    margin-left: 100px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-category .fz-11-category-heading {
    margin-left: 150px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-category .fz-11-category-heading {
    margin-left: 200px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-heading {
    font-size: 45px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-category .fz-11-category-heading {
    margin-left: 70px;
    font-size: 35px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-category .fz-11-category-heading {
    font-size: 30px;
    margin-left: 0px;
  }
}

.fz-11-category .fz-11-category-description {
  font-size: 18px;
  color: #010108;
  font-family: "Nunito", sans-serif;
  width: 470px;
}

@media screen and (max-width: 1199px) {
  .fz-11-category .fz-11-category-description {
    margin: 0 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-description {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 72px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-category .fz-11-category-description {
    padding-left: 110px;
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-category .fz-11-category-description {
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
  }
}

.fz-11-category .fz-11-category-icon-container {
  display: flex;
  gap: 20px;
}

.fz-11-category .fz-11-category-icon-container .fz-11-category-arrow {
  height: 50px;
  width: 50px;
  border: 2px solid black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-11-category .fz-11-category-icon-container .fz-11-category-arrow:hover {
  background-color: #010108;
  color: white;
}

.fz-11-category .fz-11-category-cctv-container {
  position: absolute;
  top: 300px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-11-category .fz-11-category-cctv-container {
    top: 260px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-category .fz-11-category-cctv-container {
    top: 300px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-category .fz-11-category-cctv-container {
    top: 330px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-category .fz-11-category-cctv-container {
    top: 260px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-category .fz-11-category-cctv-container {
    top: 280px;
  }
}

.fz-11-category .fz-11-category-cctv1 {
  height: 100%;
  width: 100%;
}

.fz-11-category .fz-11-category-button {
  width: 100%;
  height: 100%;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: end;
}

.fz-11-category .fz-11-category-button button {
  background-color: white;
  margin-bottom: 30px;
  padding: 8px 18px;
}

.fz-11-category .fz-11-category-button button:hover {
  background-color: #150c21;
  color: white;
}

.fz-11-category .swiper {
  width: 100%;
  height: 100%;
}

.fz-11-category .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-11-category .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1399px) {
  .fz-12-categories.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-categories.py-120 {
    padding: 60px 0;
  }
}

.fz-12-categories .fz-12-section-title {
  font-size: 60px;
  font-weight: 600;
}

@media screen and (max-width: 1399px) {
  .fz-12-categories .fz-12-section-title {
    font-size: 55px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-categories .fz-12-section-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-categories .fz-12-section-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-categories .fz-12-section-title {
    font-size: 35px;
  }
}

.fz-12-categories .fz-12-section-title span {
  padding-left: 75px;
}

.fz-12-categories-descr {
  font-size: 20px;
  font-family: "Nunito", sans-serif;
}

.fz-12-categories .reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.fz-12-categories .reveal img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: left;
}

.fz-12-categories-col-right .fz-12-category-right {
  margin-right: 135px;
  margin-left: 85px;
}

@media screen and (max-width: 1599px) {
  .fz-12-categories-col-right .fz-12-category-right {
    margin-right: 85px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-categories-col-right .fz-12-category-right {
    margin-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-categories-col-right .fz-12-category-right {
    margin-left: 40px;
  }
}

.fz-12-category {
  margin-right: 170px;
}

@media screen and (max-width: 1599px) {
  .fz-12-category {
    margin-right: 120px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-category {
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-category {
    margin-right: 0;
  }
}

.fz-12-category-right {
  margin-left: 100px;
  margin-right: 120px;
  position: relative;
}

@media screen and (max-width: 1599px) {
  .fz-12-category-right {
    margin-right: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-category-right {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-category-right {
    margin-left: 50px;
  }
}

.fz-12-category-right .fz-12-category-title {
  position: absolute;
  bottom: 170px;
  left: -95px;
}

@media screen and (max-width: 767px) {
  .fz-12-category-right .fz-12-category-title {
    left: -65px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-category-right .fz-12-category-title {
    left: -45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-category-right .fz-12-category-title {
    left: -35px;
  }
}

.fz-12-category:first-child {
  margin-bottom: 111px;
}

@media screen and (max-width: 1199px) {
  .fz-12-category:first-child {
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-category:first-child {
    margin-bottom: 30px;
  }
}

.fz-12-category-title {
  font-size: 30px;
  font-weight: 400;
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .fz-12-category-title {
    margin-top: 8px;
    font-size: 27px;
  }
}

.fz-12-category-title a:hover {
  color: #DBC996;
}

.fz-3-layer-cake-section {
  padding: 97px 0 117px;
  isolation: isolate;
}

@media screen and (max-width: 1199px) {
  .fz-3-layer-cake-section {
    padding: 57px 0 77px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-layer-cake-section {
    padding: 37px 0 57px;
  }
}

.fz-3-layer-cake-section .fz-3-section-heading {
  border-bottom: 1px solid rgba(112, 112, 112, 0.25);
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 991px) {
  .fz-3-layer-cake-section .fz-3-section-heading {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-layer-cake-section .fz-3-section-heading {
    flex-direction: column;
    justify-content: center;
    row-gap: 12px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-layer-cake-section .fz-3-section-heading .section-heading__txt {
    text-align: center;
  }
}

.fz-3-slider-nav {
  display: flex;
  gap: 10px;
}

.fz-3-slider-nav button {
  background-color: #f1f1f1;
  color: #222222;
  width: 30px;
  height: 30px;
  line-height: 32px;
  border-radius: 4px;
  font-size: 14px;
}

.fz-3-slider-nav button:hover {
  color: #ffffff;
  background-color: #222222;
}

.featured-product-section {
  padding-top: 100px;
}

@media screen and (max-width: 991px) {
  .featured-product-section {
    padding-top: 60px;
  }
}

.fz-feat-single-product {
  position: relative;
}

.fz-feat-single-product:hover .fz-single-product__actions {
  margin-top: 0;
  opacity: 1;
  pointer-events: auto;
}

.fz-feat-single-product .fz-single-product__img img {
  height: auto;
}

.fz-feat-single-product .fz-single-product__tag {
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: #ffffff;
  border-radius: 2px;
  padding: 5px 15px;
  font-size: 16px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .fz-feat-single-product .fz-single-product__tag {
    top: 20px;
    left: 20px;
    padding: 2px 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .fz-feat-single-product .fz-single-product__tag {
    top: 10px;
    left: 10px;
  }
}

.fz-feat-single-product-2 .single-product__txt {
  background-color: #ECF3F3;
}

@media screen and (max-width: 991px) {
  .fz-4-product.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-4-single-product-img {
  aspect-ratio: 1/1;
  background: var(--clr-gray-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
}

@media screen and (max-width: 991px) {
  .fz-4-single-product-img img {
    max-height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .fz-4-single-product-img img {
    max-height: 150px;
  }
}

.fz-4-single-product .fz-4-single-product-actions {
  position: absolute;
  bottom: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in;
}

.fz-4-single-product .fz-4-single-product-actions a:hover {
  background: #126300;
}

@media screen and (max-width: 991px) {
  .fz-4-single-product .fz-4-single-product-actions {
    /* bottom: -41px !important; */
    opacity: 1;
    visibility: visible;
  }

  .fz-4-single-product .fz-4-single-product-actions a {
    border: 1px solid rgba(34, 34, 34, 0.1);
  }
}

.fz-4-single-product-txt {
  text-align: center;
  padding-top: 10px;
  color: var(--clr-body-dark);
}

@media screen and (max-width: 991px) {
  .fz-4-single-product-txt {
    /* padding-top: 55px; */
  }
}

.fz-4-single-product-title a {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: -3px;
  margin-bottom: 12px;
  transition: 0.2s;
  text-align: center;
  padding: 20px 10px 10px 10px;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .fz-4-single-product-title a {
    font-size: 12px;
    margin-top: -2px;
    margin-bottom: 8px;
  }
}

.fz-4-single-product-price {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: -3px;
}

.fz-4-single-product-price .prev-price {
  margin-left: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 991px) {
  .fz-4-single-product-price {
    font-size: 12px;
    margin-bottom: -2px;
  }
}

.fz-4-single-product:hover .fz-4-single-product-img {
  border-color: #126300;
}

.fz-4-single-product:hover .fz-4-single-product-actions {
  bottom: 45px;
  opacity: 1;
  visibility: visible;
}

.fz-4-single-product:hover .fz-4-single-product-title a {
  color: #126300;
}

@media screen and (max-width: 991px) {
  .fz-4-led-bulb-section.pb-120 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-compact-devices-section.pt-120 {
    padding-top: 60px;
  }

  .fz-4-compact-devices-section.pb-120 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-product.pt-120 {
    padding-top: 60px;
  }

  .fz-5-product.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-5-product-title-box {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(34, 34, 34, 0.1);
  border-radius: 10px;
  padding: 0 25px;
}

@media screen and (max-width: 1399px) {
  .fz-5-product-title-box {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-product-title-box {
    padding: 15px;
  }
}

@media screen and (max-width: 575px) {
  .fz-5-product-title-box {
    aspect-ratio: inherit;
    border-radius: 5px;
    height: 100%;
    padding: 15px 10px;
  }
}

.fz-5-product-title-box h3 {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  color: #0A0A0A;
  margin-top: -2px;
  margin-bottom: 33px;
}

@media screen and (max-width: 1399px) {
  .fz-5-product-title-box h3 {
    font-size: 26px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-product-title-box h3 {
    font-size: 22px;
    margin-top: -1px;
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-product-title-box h3 {
    font-size: 16px;
    margin-top: -1px;
    margin-bottom: 6px;
  }
}

.fz-5-product-title-box p {
  color: var(--clr-body-text);
  margin-bottom: 37px;
}

@media screen and (max-width: 1399px) {
  .fz-5-product-title-box p {
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-product-title-box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-product-title-box p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-5-product-title-box .fz-5-def-btn-2 {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-product-title-box .fz-5-def-btn-2 {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
  }
}

.fz-5-single-product {
  height: 100%;
  border: 1px solid rgba(34, 34, 34, 0.1);
  border-radius: 10px;
  padding: 5px;
  position: relative;
  transition: 0.3s;
}

@media screen and (max-width: 575px) {
  .fz-5-single-product {
    aspect-ratio: inherit;
    border-radius: 5px;
    height: 100%;
  }
}

.fz-5-single-product .fz-5-discount-badge {
  width: 100%;
  border-radius: 3px;
  background: #f1cece;
  color: #CC0C0C;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  padding: 0 15px;
  margin: 30px auto -10px;
  z-index: 2;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product .fz-5-discount-badge {
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
    margin-top: 15px;
    margin-bottom: -5px;
  }
}

.fz-5-single-product-img {
  padding: 50px 30px 0;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.fz-5-single-product-img img {
  max-height: 100%;
}

@media screen and (max-width: 1199px) {
  .fz-5-single-product-img {
    height: 100px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-single-product-img {
    height: 80px;
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-single-product-img {
    padding: 15px 10px 0;
    height: 120px;
  }
}

@media screen and (max-width: 575px) {
  .fz-5-single-product-img {
    height: 80px;
  }
}

.fz-5-single-product .fz-5-single-product-actions {
  position: absolute;
  bottom: 0;
  transform: translateY(150%);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product .fz-5-single-product-actions {
    transform: translateY(120%);
    opacity: 1;
    visibility: visible;
  }

  .fz-5-single-product .fz-5-single-product-actions a {
    border: 1px solid rgba(34, 34, 34, 0.1);
  }
}

.fz-5-single-product-txt {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
  color: #222222;
}

@media screen and (max-width: 1199px) {
  .fz-5-single-product-txt {
    padding-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-single-product-txt {
    padding-top: 40px;
    padding-bottom: 5px;
  }
}

.fz-5-single-product-txt .color-available {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .fz-5-single-product-txt .color-available {
    gap: 5px;
  }
}

.fz-5-single-product-txt .color-available span {
  width: 14px;
  height: 14px;
  background: #0A0A0A;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .fz-5-single-product-txt .color-available span {
    width: 12px;
    height: 12px;
  }
}

.fz-5-single-product-txt .color-available span.color-2 {
  background: #463325;
}

.fz-5-single-product-txt .color-available span.color-3 {
  background: #CC0C0C;
}

.fz-5-single-product-txt .color-available span.color-4 {
  background: #05707c;
}

.fz-5-single-product-txt .color-available span.color-5 {
  background: #e9b808;
}

.fz-5-single-product-title {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: -3px;
  margin-bottom: 14px;
  transition: 0.2s;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product-title {
    font-size: 12px;
    margin-top: -2px;
    margin-bottom: 9px;
  }
}

.fz-5-single-product-dscr {
  display: none;
  color: var(--clr-body-text);
  margin-bottom: 16px;
}

.fz-5-single-product-price {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: -3px;
}

.fz-5-single-product-price .prev-price {
  margin-left: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product-price {
    font-size: 12px;
    margin-bottom: -2px;
  }
}

.fz-5-single-product:hover {
  border-color: #0A0A0A;
}

.fz-5-single-product:hover .fz-5-single-product-actions {
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product:hover .fz-5-single-product-actions {
    transform: translateY(100%);
  }
}

.fz-5-single-product-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.fz-5-single-product-actions a {
  width: 30px;
  height: 30px;
  background: #282828;
  border-radius: 3px;
  color: #F1F1F1 !important;
  text-align: center;
  line-height: 30px;
}

.fz-5-single-product-actions a:hover {
  background: #CC0C0C;
  color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  .fz-5-single-product-actions {
    gap: 5px;
  }

  .fz-5-single-product-actions a {
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 13px;
  }

  .fz-5-single-product-actions a.fz-quick-view {
    display: none;
  }
}

.fz-5-section-heading .fz-section-title.fz-extra-title-fs-34 {
  font-size: 34px;
}

.fz-5-section-heading.fz-5-section-heading-2 .fz-section-title.fz-extra-title-fs-34 {
  margin-bottom: 25px;
}

.fz-6-products {
  padding: 120px 0;
  background-color: #ffffff;
}

@media screen and (max-width: 1399px) {
  .fz-6-products {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-products {
    padding: 60px 0;
  }
}

.fz-6-products .fz-6-section-title {
  text-align: center;
}

.fz-6-products-filter-navs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 55px;
}

@media screen and (max-width: 1599px) {
  .fz-6-products-filter-navs {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-products-filter-navs {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-products-filter-navs {
    row-gap: 10px;
  }
}

.fz-6-products-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-6-products-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

.fz-6-product-nav {
  color: #B2B2B2;
  font-weight: 600;
  position: relative;
  padding-left: 16px;
}

.fz-6-product-nav:hover {
  color: #191919;
}

.fz-6-product-nav::before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #CBCBCB;
  rotate: 45deg;
}

.fz-6-product-nav.active,
.fz-6-product-nav.mixitup-control-active {
  color: #191919;
}

.fz-6-product-nav.active::before,
.fz-6-product-nav.mixitup-control-active::before {
  background-color: #191919;
}

.fz-6-product {
  border: 1px solid #E8E9EB;
  border-radius: 5px;
  position: relative;
}

.fz-6-product:hover .fz-6-product-bottom-actions button {
  opacity: 1;
  translate: 0;
  pointer-events: auto;
}

.fz-6-product-img {
  position: relative;
  text-align: center;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-6-product-img {
    height: 160px;
    padding-top: 30px;
  }
}

.fz-6-product-img img {
  max-height: 100%;
}

.fz-6-product-top-actions {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.fz-6-product-wishlist-btn {
  background-color: #F6F6F6;
  color: #C2C2C2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: 0.4s ease;
}

.fz-6-product-wishlist-btn:hover {
  background-color: #fb2f29;
  color: #ffffff;
}

.fz-6-product-bottom-actions {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.fz-6-product-bottom-actions button {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 1, 0.1);
  border-radius: 50%;
  transition: 0.4s ease;
  translate: 0 30px;
  opacity: 0;
  pointer-events: none;
}

.fz-6-product-bottom-actions button:hover {
  background-color: #fb2f29;
  color: #ffffff;
}

.fz-6-product-bottom-actions button:nth-child(2) {
  transition: all 0.4s ease, translate 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
}

.fz-6-product-bottom-actions button:nth-child(3) {
  transition: all 0.4s ease, translate 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
}

.fz-6-product-tag {
  background-color: #fb2f29;
  color: #ffffff;
  padding: 2.5px 12px;
  font-size: 13px;
  border-radius: 3px;
}

.fz-6-product-txt {
  padding: 20px 30px;
}

@media screen and (max-width: 1399px) {
  .fz-6-product-txt {
    padding: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-product-txt {
    padding: 15px;
  }
}

.fz-6-product-rating {
  font-size: 16px;
  color: #FF9729;
  margin-bottom: 13px;
}

@media screen and (max-width: 1199px) {
  .fz-6-product-rating {
    margin-bottom: 8px;
  }
}

.fz-6-product-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #2B2C34;
}

@media screen and (max-width: 1399px) {
  .fz-6-product-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.fz-6-product-title a:hover {
  color: #fb2f29;
}

.fz-6-product-price {
  font-weight: 600;
  color: #2B2C34;
}

.fz-6-product-price .discount-price {
  color: #fb2f29;
  padding-left: 5px;
}

.fz-6-products-heading {
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .fz-6-products-heading {
    margin-bottom: 30px;
    gap: 15px;
  }
}

.fz-6-products-heading .fz-6-section-title {
  margin-bottom: 0;
}

.fz-6-products-2 .nav-tabs {
  border: none;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 10px;
  justify-content: center;
}

.fz-6-products-2 .fz-6-product-nav {
  border: none;
  padding: 0;
  padding-left: 16px;
}

@media screen and (max-width: 1399px) {
  .fz-7-new-arrivals.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-new-arrivals.py-120 {
    padding: 60px 0;
  }
}

.fz-7-new-arrivals .nav-tabs {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  border: none;
  margin: auto;
  gap: 50px;
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .fz-7-new-arrivals .nav-tabs {
    gap: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-new-arrivals .nav-tabs {
    gap: 30px;
  }
}

.fz-7-new-arrivals .nav-tabs .nav-link {
  padding: 0;
  border: none;
  border-bottom: 1px solid transparent;
  font-size: 20px;
  color: #AEAEAE;
  transition: 0.4s ease;
}

@media screen and (max-width: 479px) {
  .fz-7-new-arrivals .nav-tabs .nav-link {
    font-size: 17px;
  }
}

.fz-7-new-arrivals .nav-tabs .nav-link.active {
  color: #191919;
  border-bottom: 1px solid #191919;
}

.fz-7-product {
  position: relative;
}

.fz-7-product:hover .fz-7-product-actions {
  height: 20px;
  margin-top: 18px;
}

.fz-7-product:hover .fz-7-product-txt {
  margin-top: -50px;
  padding: 23px 30px;
  box-shadow: 0 7px 6px rgba(0, 0, 1, 0.07);
}

@media screen and (max-width: 1199px) {
  .fz-7-product:hover .fz-7-product-txt {
    padding: 23px 15px;
  }
}

.fz-7-product:hover .fz-7-product-img img {
  scale: 1.06;
}

.fz-7-product:hover .add-to-cart-btn {
  border-color: #2B2C34;
}

.fz-7-product-img {
  overflow: hidden;
}

.fz-7-product-img img {
  transition: scale 0.4s ease;
  width: 100%;
}

.fz-7-product-txt {
  padding: 16px 30px;
  background-color: #fff;
  position: relative;
  transition: 0.4s ease;
}

@media screen and (max-width: 1199px) {
  .fz-7-product-txt {
    padding: 16px 15px;
  }
}

.fz-7-product-cat {
  font-size: 14px;
  color: #6D6D6D;
  margin-bottom: 6px;
}

.fz-7-product-title {
  font-weight: 600;
  font-size: 16px;
  color: #2B2C34;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.fz-7-product-title a:hover {
  color: #fb2f29;
}

.fz-7-product-price {
  font-weight: 500;
  color: #2B2C34;
  margin-bottom: 18px;
  margin-bottom: 0;
}

.fz-7-product-actions {
  display: flex;
  justify-content: space-between;
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.fz-7-product-actions .right {
  display: flex;
  gap: 15px;
}

.fz-7-product-actions .right button {
  color: #929292;
  font-size: 18px;
}

.fz-7-product-actions .right button:hover {
  color: #fb2f29;
}

.fz-7-product .add-to-cart-btn {
  color: #2B2C34;
  font-size: 14px;
  border-bottom: 1px solid transparent;
}

.fz-7-product .add-to-cart-btn:hover {
  color: #fb2f29;
  border-color: #fb2f29;
}

@media screen and (max-width: 1399px) {
  .fz-7-trending-products.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-trending-products.py-120 {
    padding: 60px 0;
  }
}

.fz-7-trending-products-slider .owl-stage-outer {
  margin-bottom: -15px;
  padding-bottom: 15px;
}

.fz-7-trending-products .fz-6-products-heading {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  .fz-7-trending-products .fz-6-products-heading {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-trending-products .fz-7-products-heading {
    text-align: center;
  }
}

.fz-7-trending-products .fz-7-section-descr {
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  #fz-7-trending-products-slider-nav button {
    height: 45px;
    width: 45px;
  }
}

@media screen and (max-width: 991px) {
  #fz-7-trending-products-slider-nav button {
    height: 40px;
    width: 40px;
    line-height: 45px;
  }
}

.fz-8-new-arrivals {
  background-color: #e7f4f5;
}

@media screen and (max-width: 1399px) {
  .fz-8-new-arrivals.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-new-arrivals.py-120 {
    padding: 60px 0;
  }
}

.fz-8-products-row {
  padding: 0 120px;
  position: relative;
}

@media screen and (max-width: 1399px) {
  .fz-8-products-row {
    padding: 0 90px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-products-row {
    padding: 0 75px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-products-row {
    padding: 0;
  }
}

.fz-8-products-slider-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  translate: 0 -50%;
  z-index: 2;
  visibility: hidden;
}

@media screen and (max-width: 991px) {
  .fz-8-products-slider-nav {
    display: none;
  }
}

.fz-8-products-slider-nav button {
  width: 58px;
  height: 58px;
  line-height: 62px;
  border: 1px solid #DBC996;
  border-radius: 50%;
  background-color: transparent;
  color: #DBC996;
  font-size: 20px;
  visibility: visible;
}

@media screen and (max-width: 1199px) {
  .fz-8-products-slider-nav button {
    width: 48px;
    height: 48px;
    line-height: 52px;
    font-size: 18px;
  }
}

.fz-8-products-slider-nav button:hover {
  background-color: #DBC996;
  color: #ffffff;
}

.fz-8-product {
  background-color: #ffffff;
}

.fz-8-product:hover .fz-8-product-img img {
  opacity: 0.1;
}

.fz-8-product:hover .fz-8-product-btn {
  opacity: 1;
  scale: 1;
  pointer-events: auto;
}

.fz-8-product-img {
  width: 570px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  aspect-ratio: 5/4.05;
}

.fz-8-product-img img {
  transition: 0.4s ease;
}

.fz-8-product-txt {
  padding: 25px 50px 23px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E3E3E3;
  font-size: 30px;
  font-weight: 400;
  color: #2B2C34;
}

@media screen and (max-width: 1399px) {
  .fz-8-product-txt {
    padding: 25px 30px 23px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-product-txt {
    padding: 15px 30px 13px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-product-txt {
    padding: 15px 30px 13px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-product-txt {
    padding: 15px 20px 13px;
    flex-direction: column;
    row-gap: 4px;
  }
}

.fz-8-product-txt h4 {
  margin-bottom: 0;
}

.fz-8-product-title a:hover {
  color: #DBC996;
}

.fz-8-product-price {
  color: #616161;
}

.fz-8-product-btn {
  padding: 0 35px;
  height: 45px;
  line-height: 45px;
  background-color: #2E2E2E;
  border-radius: 30px;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  inset: 0;
  margin: auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  scale: 0.8;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s ease;
}

.fz-8-product-btn:hover {
  background-color: #DBC996;
  color: #2E2E2E;
}

.fz-8-product-clr-variations {
  display: flex;
  gap: 7px;
}

.fz-8-product-clr-var {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid transparent;
  padding: 2px;
  line-height: 0;
}

.fz-8-product-clr-var.active {
  border-color: #707070;
}

.fz-8-product-clr-var span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.fz-8-product-clr-var span.yellow {
  background-color: #DBC996;
}

.fz-8-product-clr-var span.gray {
  background-color: #BCBCBC;
}

.fz-8-feat-products {
  background-color: #e7f4f5;
}

@media screen and (max-width: 1399px) {
  .fz-8-feat-products.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-feat-products.py-120 {
    padding: 60px 0;
  }
}

.fz-8-feat-products-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-8-feat-products-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-feat-products .fz-8-product-txt {
    row-gap: 12px;
  }
}

.fz-8-feat-product-tabs {
  border: 0;
  justify-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-8-feat-product-tabs {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-feat-product-tabs {
    margin-bottom: 10px;
  }
}

.fz-8-feat-product-tabs .nav-link {
  border: none;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #BCBCBC;
}

@media screen and (max-width: 479px) {
  .fz-8-feat-product-tabs .nav-link {
    padding: 3px 12px;
  }
}

.fz-8-feat-product-tabs .nav-link.active {
  background-color: transparent;
}

.fz-9-trendy-product-section {
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
  width: auto;
  padding: 120px 0;
}

@media screen and (max-width: 1399px) {
  .fz-9-trendy-product-section {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-trendy-product-section {
    padding: 60px 0;
  }
}

.fz-9-trendy-product-section .trendy-product-items {
  position: relative;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-price {
  margin-top: 12px;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-price .product-title {
  color: #253B70;
  font-weight: 700;
  font-size: 20px;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-price .product-price {
  color: #FF7C7C;
  font-weight: 600;
  font-size: 18px;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item {
  position: relative;
  overflow: hidden;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item:hover .fz-9-product-icon-area {
  opacity: 1;
  translate: 0 0;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item:hover .fz-9-product-btn {
  bottom: 20px;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-thumb a {
  display: block;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-thumb img {
  height: 100%;
  width: 100%;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-icon-area {
  opacity: 0;
  position: absolute;
  top: 20px;
  translate: 0 -100%;
  right: 20px;
  display: grid;
  transition: 0.5s;
}

@media screen and (max-width: 991px) {
  .fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-icon-area {
    right: 10px;
    top: 10px;
  }
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-icon-area span i {
  background-color: #E1EAFF;
  color: #253B70;
  border: 1px dashed #253B70;
  margin-right: 2px;
  height: 45px;
  width: 45px;
  display: inline-block;
  border-radius: 30px;
  transition: 0.4s;
  text-align: center;
  line-height: 2.7;
  margin: 4px 0;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-icon-area span i:hover {
  background-color: #253B70;
  color: #ffffff;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-btn {
  position: absolute;
  bottom: -100px;
  left: 20px;
  right: 20px;
  transition: 0.5s;
}

.fz-9-trendy-product-section .trendy-product-items .fz-9-product-single-item .fz-9-product-btn .fz-9-def-btn {
  width: 100%;
}

.fz-9-feature-product-section {
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 100%;
  width: auto;
  background-size: cover;
  padding: 120px 0 150px;
}

@media screen and (max-width: 1399px) {
  .fz-9-feature-product-section {
    padding: 80px 0 120px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-feature-product-section {
    padding: 60px 0 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-feature-product-section .fz-9-section-title-area {
    margin-bottom: 0;
  }
}

.fz-9-feature-product-section .fz-9-product-icon-area {
  right: 30px !important;
}

.fz-9-feature-product-section .fz-9-product-btn {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .fz-9-feature-product-section .fz-9-product-btn {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.fz-9-feature-product-section .fz-9-product-btn button {
  margin: 0 10px;
  font-weight: 500;
  color: #253B70;
  font-size: 18px;
  text-transform: uppercase;
  border: 1px solid transparent;
  padding: 5px;
}

.fz-9-feature-product-section .fz-9-product-btn button.mixitup-control-active {
  border: 1px dashed #253B70;
}

.fz-10-feature-product-section {
  padding: 120px 0;
}

@media screen and (max-width: 1399px) {
  .fz-10-feature-product-section {
    padding: 70px 0 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-section {
    padding: 50px 0 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-section .fz-10-section-top {
    text-align: center;
  }
}

.fz-10-feature-product-section .fz-10-section-top .fz-10-section-title {
  font-size: 50PX;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-section .fz-10-section-top .fz-10-section-title {
    font-size: 30px;
  }
}

.fz-10-feature-product-section .fz-10-section-top P {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
  color: #4D4D4D;
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-section ul {
    margin-bottom: 25px;
    margin-top: 15px;
  }
}

.fz-10-feature-product-section ul li {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 40px;
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-section ul li {
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-feature-product-section ul li {
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 10px;
  }
}

.fz-10-feature-product-section ul li .button {
  color: #BCBCBC;
  font-weight: 600;
  font-size: 18px;
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
}

.fz-10-feature-product-section ul li .mixitup-control-active {
  color: #191919;
}

.fz-10-feature-product-section .fz-10-products-row {
  --bs-gutter-y: 30px;
  --bs-gutter-x: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-10-feature-product-section .fz-10-products-row {
    --bs-gutter-y: 25px;
    --bs-gutter-x: 20px;
  }
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  max-width: 100%;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-top-actions {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 18px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 1;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-top-actions span {
  background: #FFA239;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  line-height: 1.1;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .future-product-image {
  position: relative;
  overflow: hidden !important;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-bottom-actions {
  position: absolute;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
  transition: 0.5s;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-bottom-actions button {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 1, 0.1);
  border-radius: 50%;
  transition: 0.4s ease;
  translate: 0 30px;
  opacity: 0;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-bottom-actions button:hover {
  background-color: #010108;
  color: #ffffff;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area:hover .fz-10-product-bottom-actions {
  bottom: 70px !important;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area:hover .fz-10-product-bottom-actions button {
  opacity: 1;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt {
  text-align: center;
  margin-top: 15px;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt h4 {
  font-size: 20px;
  color: #010108;
  font-weight: 400;
  margin-bottom: 10px;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt p {
  color: #616161;
  font-size: 18px;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area {
  list-style: none;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-one,
.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-two,
.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-three {
  position: relative;
  height: 15px;
  width: 15px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-one::after {
  position: absolute;
  content: "";
  border: 3px solid #707070;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  top: -5px;
  left: -5px;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-two {
  background: #2CA8BF;
}

.fz-10-feature-product-section .fz-10-product .fz-10-product-img-area .fz-10-product-txt .colors-area .color-three {
  background: #9EC2E3;
}

.fz-10-feature-product-heading {
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .fz-10-feature-product-heading {
    margin-bottom: 0;
  }
}

.fz-10-trendy-products-section {
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .fz-10-section-title {
    padding-top: 20px;
  }
}

.fz-10-trendy-products-section .fz-10-treandy-product-iamge-area {
  overflow: hidden;
  position: relative;
  height: 100%;
  text-align: center;
}

.fz-10-trendy-products-section .fz-10-treandy-product-iamge-area img {
  width: 100%;
  transition: 0.5s;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .fz-10-treandy-product-iamge-area img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 300px;
  }
}

.fz-10-trendy-products-section .fz-10-treandy-product-iamge-area::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}

.fz-10-trendy-products-section .fz-10-treandy-product-iamge-area .fz-10-treandy-product-offer {
  position: absolute;
  content: "";
  top: 50%;
  height: 100%;
  width: 100%;
  z-index: 5;
  text-align: center;
  font-size: 150px;
  color: #fff;
  font-weight: 600;
  font-family: "Playfair Display", serif;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .fz-10-treandy-product-iamge-area .fz-10-treandy-product-offer {
    top: 20%;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-trendy-products-section .fz-10-treandy-product-iamge-area .fz-10-treandy-product-offer {
    font-size: 130px;
  }
}

.fz-10-trendy-products-section .fz-10-treandy-product-iamge-area:hover img {
  transform: scale(1.15);
}

.fz-10-trendy-products-section .trendy-products-top {
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .trendy-products-top {
    text-align: center;
  }
}

.fz-10-trendy-products-section .trendy-products-top .fz-10-section-title {
  font-size: 50px;
  font-weight: 500;
  color: #191919;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .trendy-products-top .fz-10-section-title {
    font-size: 30px !important;
  }
}

.fz-10-trendy-products-section .trendy-products-top p {
  color: #4D4D4D;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .fz-10-trendy-products-section .trendy-products-top p {
    max-width: 400px;
    margin: auto;
  }
}

.fz-10-trendy-products-row {
  --bs-gutter-x: 80px;
}

@media screen and (max-width: 1399px) {
  .fz-10-trendy-products-row {
    --bs-gutter-x: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-10-trendy-products-row {
    --bs-gutter-y: 30px;
  }
}

.fz-11-feature {
  font-family: "Oswald", sans-serif;
  margin-top: 400px;
  margin-bottom: 0;
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1399px) {
  .fz-11-feature {
    margin-top: 350px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-feature {
    margin-top: 380px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-feature {
    margin-top: 340px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-feature {
    margin-top: 330px;
  }
}

.fz-11-feature .fz-11-feature-text-container {
  text-align: center;
}

.fz-11-feature .fz-11-feature-heading {
  font-size: 50px;
  color: #191919;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .fz-11-feature .fz-11-feature-heading {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-feature .fz-11-feature-heading {
    font-size: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-feature .fz-11-feature-heading {
    font-size: 35px;
  }
}

.fz-11-feature .fz-11-feature-description {
  font-family: "Nunito", sans-serif;
  color: #4d4d4d;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .fz-11-feature .fz-11-feature-description br {
    display: none;
  }
}

.fz-11-feature .fz-11-feature-cctv-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .fz-11-feature .fz-11-feature-cctv-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .fz-11-feature .fz-11-feature-cctv-container {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-feature .fz-11-feature-cctv-container {
    gap: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-feature .fz-11-feature-cctv-container {
    margin-top: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-feature .fz-11-feature-cctv-container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.fz-11-feature .fz-11-feature-cctv {
  width: 100%;
  margin: auto;
}

.fz-11-feature .fz-11-feature-cctv-img {
  height: 460px;
  width: 100%;
  background-color: #e7f4f5;
}

@media screen and (max-width: 1599px) {
  .fz-11-feature .fz-11-feature-cctv-img {
    height: 360px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-feature .fz-11-feature-cctv-img {
    height: 330px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-feature .fz-11-feature-cctv-img {
    height: 300px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-feature .fz-11-feature-cctv-img {
    height: 250px;
  }
}

.fz-11-feature .fz-11-feature-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.fz-11-feature .fz-11-feature-cart-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  transition: opacity 0.4s ease;
  opacity: 0;
}

.fz-11-feature .fz-11-feature-cart-container>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
}

.fz-11-feature .fz-11-feature-cctv-img:hover .fz-11-feature-cart-container {
  opacity: 1;
}

.fz-11-feature .fz-11-feature-icon-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: end;
  gap: 10px;
  margin-top: 25px;
}

@media screen and (max-width: 575px) {
  .fz-11-feature .fz-11-feature-icon-container {
    margin-top: 20px;
  }
}

.fz-11-feature .fz-11-feature-icon-container .fz-11-feature-arrow {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.fz-11-feature .fz-11-feature-icon-container .fz-11-feature-arrow:hover {
  background-color: #010108;
  color: white;
}

.fz-11-feature .fz-11-feature-icon {
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #150c21;
  border-radius: 50%;
}

.fz-11-feature .fz-11-feature-icon2 {
  background-color: white;
}

.fz-11-feature .fz-11-feature-cart-btn {
  height: 40px;
  background-color: #010108;
  color: white;
  margin-bottom: 15px;
}

.fz-11-feature .fz-11-feature-cart-btn:hover {
  background-color: gray;
}

.fz-11-feature .fz-11-feature-cctv-name {
  font-size: 20px;
  color: #010108;
  text-align: center;
  margin-top: 20px;
}

.fz-11-feature .fz-11-feature-cctv-price {
  font-size: 18px;
  color: #616161;
  text-align: center;
  margin-top: 5px;
  font-family: "Nunito", sans-serif;
}

.fz-11-feature .fz-11-feature-tab {
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 48px;
  margin-top: 35px;
}

.fz-11-feature .fz-11-feature-tab1 {
  overflow: hidden;
  display: flex;
  justify-content: center;
  gap: 17px;
  font-size: 18px;
  color: #bcbcbc;
  margin-top: 35px;
}

@media screen and (max-width: 991px) {
  .fz-11-feature .fz-11-feature-tab1 {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-feature .fz-11-feature-tab1 {
    margin-top: 20px;
  }
}

.fz-11-feature .fz-11-feature-tab1 li button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  color: #bcbcbc;
}

@media screen and (max-width: 479px) {
  .fz-11-feature .fz-11-feature-tab1 li button {
    padding: 0 3px;
  }
}

.fz-11-feature .fz-11-feature-tab1 li button:hover {
  color: #444343;
}

.fz-11-feature .fz-11-feature-tab1 li button.active {
  color: #191919;
}

.fz-11-feature .fz-11-feature-tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  color: #bcbcbc;
}

.fz-11-feature .fz-11-feature-tab button:hover {
  color: #444343;
}

.fz-11-feature .fz-11-feature-tab button.active {
  color: #191919;
}

.fz-11-trendy {
  margin-top: 100px;
  font-family: "Oswald", sans-serif;
}

@media screen and (max-width: 1399px) {
  .fz-11-trendy {
    margin-top: 70px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-trendy {
    margin-top: 50px;
  }
}

.fz-11-trendy .fz-11-trendy-text-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .fz-11-trendy .fz-11-trendy-text-container {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
  }
}

.fz-11-trendy .fz-11-trendy-title {
  font-size: 50px;
  font-weight: 600;
  color: #191919;
}

@media screen and (max-width: 767px) {
  .fz-11-trendy .fz-11-trendy-title {
    font-size: 35px;
  }
}

.fz-11-trendy .fz-11-trendy-description {
  font-family: "Nunito", sans-serif;
  color: #4d4d4d;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .fz-11-trendy .fz-11-trendy-description {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-trendy .fz-11-trendy-description br {
    display: none;
  }
}

.fz-11-trendy .fz-11-trendy-arrow-container {
  display: flex;
  gap: 20px;
}

.fz-11-trendy .fz-11-trendy-arrow-container .fz-11-trendy-arrow {
  height: 50px;
  width: 50px;
  border: 2px solid black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-11-trendy .fz-11-trendy-arrow-container .fz-11-trendy-arrow:hover {
  background-color: #010108;
  color: white;
}

.fz-11-trendy .fz-11-trendy-cctv-container {
  gap: 20px;
  margin: 55px 150px 0;
}

.fz-11-trendy .fz-11-trendy-cctv {
  width: 330px;
  text-align: center;
}

.fz-11-trendy .fz-11-trendy-cctv-img {
  height: 460px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e7f4f5;
}

@media screen and (max-width: 1599px) {
  .fz-11-trendy .fz-11-trendy-cctv-img {
    height: 360px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-trendy .fz-11-trendy-cctv-img {
    height: 330px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-trendy .fz-11-trendy-cctv-img {
    height: 300px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-trendy .fz-11-trendy-cctv-img {
    height: 250px;
  }
}

.fz-11-trendy .fz-11-trendy-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .fz-11-trendy .fz-11-trendy-img img {
    width: 200px;
    height: 180px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-trendy .fz-11-trendy-img img {
    width: 130px;
    height: 120px;
  }
}

.fz-11-trendy .fz-11-trendy-cart-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  transition: opacity 0.4s ease;
  opacity: 0;
}

.fz-11-trendy .fz-11-trendy-cart-container>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
}

.fz-11-trendy .fz-11-trendy-cctv-img:hover .fz-11-trendy-cart-container {
  opacity: 1;
}

.fz-11-trendy .fz-11-trendy-icon-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: end;
  gap: 10px;
  margin-top: 25px;
}

.fz-11-trendy .fz-11-trendy-icon-container .fz-11-trendy-arrow {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.fz-11-trendy .fz-11-trendy-icon-container .fz-11-trendy-arrow:hover {
  background-color: #010108;
  color: white;
}

.fz-11-trendy .fz-11-trendy-cart-btn {
  height: 40px;
  background-color: #010108;
  color: white;
  margin-bottom: 15px;
}

.fz-11-trendy .fz-11-trendy-cart-btn:hover {
  background-color: gray;
}

.fz-11-trendy .fz-11-trendy-cctv-name {
  font-size: 20px;
  color: #010108;
  text-align: center;
  margin-top: 15px;
}

.fz-11-trendy .fz-11-trendy-cctv-price {
  font-size: 18px;
  color: #616161;
  text-align: center;
  font-family: "Nunito", sans-serif;
}

.fz-12-feat-products {
  background-color: #F5F5F5;
}

@media screen and (max-width: 1399px) {
  .fz-12-feat-products.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-feat-products.py-120 {
    padding: 60px 0;
  }
}

.fz-12-feat-products-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-12-feat-products-row {
    --bs-gutter-y: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-feat-products-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

.fz-12-prod {
  text-align: center;
  background-color: #ffffff;
  border-top-left-radius: 168px;
  border-top-right-radius: 168px;
  transition: 0.4s ease;
}

.fz-12-prod:hover {
  border-radius: 0;
}

.fz-12-prod:hover .fz-6-product-bottom-actions button {
  pointer-events: auto;
  opacity: 1;
  translate: 0 0;
}

.fz-12-prod:hover .fz-12-prod-img img {
  scale: 1.08;
}

.fz-12-prod-img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 265px;
  position: relative;
}

@media screen and (max-width: 1399px) {
  .fz-12-prod-img {
    height: 250px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-prod-img {
    height: 230px;
  }
}

.fz-12-prod-img img {
  transition: 0.4s ease;
}

.fz-12-prod .fz-6-product-bottom-actions button:hover {
  background-color: #DBC996;
}

.fz-12-prod-txt {
  padding: 40px 20px;
}

@media screen and (max-width: 1399px) {
  .fz-12-prod-txt {
    padding: 30px 20px 20px;
  }
}

.fz-12-prod-title {
  color: #010108;
  font-size: 20px;
}

.fz-12-prod-title a:hover {
  color: #DBC996;
}

.fz-12-prod h6.fz-12-prod-price {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #616161;
}

.fz-12-products-btn {
  height: 44px;
  line-height: 43px;
  border: 1px solid #010108;
  border-radius: 30px;
  padding: 0 35px;
  font-family: "Nunito", sans-serif;
  color: #010108;
  margin-top: 50px;
  transition: 0.4s ease;
}

@media screen and (max-width: 1199px) {
  .fz-12-products-btn {
    margin-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-products-btn {
    margin-top: 30px;
  }
}

.fz-12-products-btn:hover {
  background-color: #010108;
  color: #ffffff;
}

.fz-12-trendy-prods {
  background-color: #F5F5F5;
}

@media screen and (max-width: 1399px) {
  .fz-12-trendy-prods.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-trendy-prods.py-120 {
    padding: 60px 0;
  }
}

#fz-12-trendy-products-slider-nav button {
  line-height: 54px;
  translate: -50% 0;
}

@media screen and (max-width: 1199px) {
  #fz-12-trendy-products-slider-nav button {
    line-height: 47px;
  }
}

#fz-12-trendy-products-slider-nav button:last-child {
  translate: 50% 0;
}

.fz-1-modern-door-section {
  padding: 120px 0;
}

@media screen and (max-width: 991px) {
  .fz-1-modern-door-section {
    padding: 60px 0;
  }
}

.fz-1-modern-door-section .fz-1-modern-door-slider-container {
  position: relative;
}

.fz-1-modern-door-section .fz-1-modern-door-slider-container .fz-1-modern-door-slider-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 40px);
  top: 50%;
  translate: -50% -50%;
  left: 50%;
  z-index: 12;
}

@media screen and (max-width: 991px) {
  .fz-1-modern-door-section .fz-1-modern-door-slider-container .fz-1-modern-door-slider-nav {
    display: none;
  }
}

.fz-1-modern-door-section .fz-1-modern-door-slider-container .fz-1-modern-door-slider-nav button {
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.fz-1-modern-door-section .fz-1-modern-door-slider-container .fz-1-modern-door-slider-nav button:hover {
  background-color: #222222;
  color: #ffffff;
}

.clients-section {
  padding: 60px 0;
  background: url(../images/fz-client-bg.png) no-repeat center center;
  background-size: cover;
  isolation: isolate;
}

@media screen and (max-width: 991px) {
  .clients-section {
    padding: 40px 0;
  }
}

.clients-section .clients {
  display: flex;
  justify-content: space-between;
}

.clients-section .clients img {
  width: 103px;
  margin: auto;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 479px) {
  .clients-section .clients img {
    width: 70px;
  }
}

.fz-1-brands-section {
  background: none;
}

@media screen and (max-width: 1399px) {
  .fz-1-brands-section {
    padding: 30px 0;
  }
}

.fz-1-brands-section .fz-1-section-heading {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

.fz-1-brands-section .fz-1-brands a {
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.fz-1-brands-section .fz-1-brands a img {
  width: 100px;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 479px) {
  .fz-1-brands-section .fz-1-brands a img {
    width: 60px;
  }
}

.fz-4-brands {
  background: var(--clr-gray-soft);
  border-radius: 10px;
  padding: 55px 0;
}

@media screen and (max-width: 991px) {
  .fz-4-brands {
    padding: 20px 10px;
  }
}

.fz-4-brands .owl-item {
  height: 66px;
}

@media screen and (max-width: 991px) {
  .fz-4-brands .owl-item {
    height: 37px;
  }
}

.fz-4-brands a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .fz-4-brands a {
    padding: 0 7px;
  }
}

.fz-4-brands a img {
  width: auto !important;
  height: auto !important;
}

@media screen and (max-width: 991px) {
  .fz-4-brands a img {
    max-height: 37px;
  }
}

.fz-5-brands .owl-item {
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-5-brands img {
  max-height: 100% !important;
}

.fz-3-offer-section .fz-3-single-offer {
  background: url(../images/offer-bg-1.png) no-repeat center center;
  background-size: cover;
  padding: 50px;
  padding-right: 320px;
  color: #ffffff;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

@media screen and (max-width: 1399px) {
  .fz-3-offer-section .fz-3-single-offer {
    padding-right: 170px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-offer-section .fz-3-single-offer {
    padding: 30px;
    padding-right: 110px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-offer-section .fz-3-single-offer {
    padding: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-offer-section .fz-3-single-offer {
    padding-right: 150px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-offer-section .fz-3-single-offer {
    padding: 20px;
  }
}

.fz-3-offer-section .fz-3-single-offer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: -1;
}

.fz-3-offer-section .fz-3-single-offer-2 {
  background-image: url(../images/offer-bg-2.png);
}

.fz-3-offer-section .fz-3-single-offer__title {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 23px;
}

@media screen and (max-width: 1199px) {
  .fz-3-offer-section .fz-3-single-offer__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-offer-section .fz-3-single-offer__title {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-offer-section .fz-3-single-offer__title {
    font-size: 24px;
    line-height: 34px;
  }
}

.fz-3-offer-section .fz-3-single-offer__btn {
  border: 1px solid #ffffff;
  padding: 0 20px;
  height: 35px;
  line-height: 33px;
}

.fz-3-offer-section .fz-3-single-offer__btn:hover {
  background-color: #ffffff;
  color: #222222;
}

@media screen and (max-width: 991px) {
  .fz-4-offer-section.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-4-offer-section .fz-4-single-offer {
  background: url(../images/offer-bg-3.png) no-repeat center center;
  background-size: cover;
  border-radius: 10px;
  padding: 90px 50px;
  color: var(--clr-body-dark);
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

@media screen and (max-width: 1199px) {
  .fz-4-offer-section .fz-4-single-offer {
    padding: 50px 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-offer-section .fz-4-single-offer {
    padding: 25px;
  }

  .fz-4-offer-section .fz-4-single-offer .fz-4-def-btn {
    padding: 5px 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-4-offer-section .fz-4-single-offer {
    padding: 20px;
  }
}

.fz-4-offer-section .fz-4-single-offer-2 {
  background-image: url(../images/offer-bg-4.png);
}

.fz-4-offer-section .fz-4-single-offer__discount-percentage {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  margin-top: -2px;
  margin-bottom: 13px;
}

@media screen and (max-width: 1199px) {
  .fz-4-offer-section .fz-4-single-offer__discount-percentage {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-offer-section .fz-4-single-offer__discount-percentage {
    font-size: 16px;
    margin-top: -2px;
    margin-bottom: 10px;
  }
}

.fz-4-offer-section .fz-4-single-offer__title {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 29px;
}

@media screen and (max-width: 1199px) {
  .fz-4-offer-section .fz-4-single-offer__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-offer-section .fz-4-single-offer__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 17px;
  }
}

.fz-4-offer-section .fz-4-single-offer__btn {
  border: 1px solid #ffffff;
  padding: 0 20px;
  height: 35px;
  line-height: 33px;
}

.fz-4-offer-section .fz-4-single-offer__btn:hover {
  background-color: #ffffff;
  color: #222222;
}

.fz-5-offer-section .fz-5-single-offer {
  color: #ffffff;
  position: relative;
}

.fz-5-offer-section .fz-5-single-offer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 50%, #0A0A0A);
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .fz-5-offer-section .fz-5-single-offer::after {
    background: linear-gradient(transparent, #0A0A0A);
  }
}

.fz-5-offer-section .fz-5-single-offer-txt {
  position: absolute;
  bottom: 60px;
  left: 60px;
  width: 50%;
  z-index: 2;
}

@media screen and (max-width: 1399px) {
  .fz-5-offer-section .fz-5-single-offer-txt {
    bottom: 40px;
    left: 40px;
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-offer-section .fz-5-single-offer-txt {
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 767px) {
  .fz-5-offer-section .fz-5-single-offer-txt {
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
  }
}

.fz-5-offer-section .fz-5-single-offer__title {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media screen and (max-width: 1199px) {
  .fz-5-offer-section .fz-5-single-offer__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-offer-section .fz-5-single-offer__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 7px;
  }
}

.fz-5-offer-section .fz-5-single-offer__dscr {
  margin-bottom: 32px;
}

@media screen and (max-width: 991px) {
  .fz-5-offer-section .fz-5-single-offer__dscr {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.fz-5-offer-section .fz-5-single-offer__btn {
  border: 1px solid #ffffff;
  padding: 0 20px;
  height: 35px;
  line-height: 33px;
}

.fz-5-offer-section .fz-5-single-offer__btn:hover {
  background-color: #ffffff;
  color: #222222;
}

.fz-special-offer-bg {
  background: url(../images/special-offer-bg.png) no-repeat center center;
  background-size: cover;
  padding: 0 130px;
}

@media screen and (max-width: 1199px) {
  .fz-special-offer-bg {
    padding: 0 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-special-offer-bg {
    padding: 0 30px;
  }
}

@media screen and (max-width: 575px) {
  .fz-special-offer-bg {
    padding: 0 25px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-special-offer__txt {
    padding: 50px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-special-offer__txt {
    padding: 30px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-special-offer__txt {
    padding: 25px 0;
  }
}

.fz-special-offer-sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-special-offer-sub-title {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .fz-special-offer-sub-title {
    font-size: 18px;
  }
}

.fz-special-offer-title {
  font-family: "Soligant", sans-serif;
  font-size: 60px;
  margin-bottom: 9px;
}

@media screen and (max-width: 1199px) {
  .fz-special-offer-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-special-offer-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-special-offer-title {
    font-size: 35px;
  }
}

.fz-special-offer-description {
  font-weight: 400;
  margin-bottom: 31px;
}

@media screen and (max-width: 991px) {
  .fz-special-offer-description {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 767px) {
  .fz-special-offer-description {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-special-offer-btn {
  background: #222222;
  color: #ffffff;
  padding: 15px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .fz-special-offer-btn {
    padding: 10px 25px;
  }
}

.fz-special-offer-btn:hover {
  background-color: #05707c;
  color: #ffffff;
}

.fz-1-offer-section {
  background-color: #f8f8f8;
  overflow: hidden;
}

.fz-1-offer-section img {
  max-width: none;
}

@media screen and (max-width: 991px) {
  .fz-1-offer-section img {
    max-width: 100%;
  }
}

.fz-1-offer-section .fz-single-offer__txt {
  padding: 120px 0;
}

@media screen and (max-width: 991px) {
  .fz-1-offer-section .fz-single-offer__txt {
    padding: 60px 0 40px;
    text-align: center;
  }
}

.fz-1-offer-section .fz-single-offer__discount-percentage {
  font-size: 60px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

@media screen and (max-width: 1399px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    font-size: 50px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    font-size: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    font-size: 35px;
  }
}

@media screen and (max-width: 575px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-offer-section .fz-single-offer__discount-percentage {
    font-size: 30px;
  }
}

.fz-1-offer-section .fz-single-offer__title {
  font-size: 48px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1399px) {
  .fz-1-offer-section .fz-single-offer__title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-offer-section .fz-single-offer__title {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-offer-section .fz-single-offer__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-offer-section .fz-single-offer__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-offer-section .fz-single-offer__title {
    font-size: 25px;
  }
}

.fz-1-offer-section .fz-single-offer__disc {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 70%;
  color: #616161;
  margin-bottom: 32px;
}

@media screen and (max-width: 1399px) {
  .fz-1-offer-section .fz-single-offer__disc {
    width: 80%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-1-offer-section .fz-single-offer__disc {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-offer-section .fz-single-offer__disc {
    margin: auto;
    margin-bottom: 32px;
  }
}

.fz-1-offer-section .fz-1-single-offer__btn {
  color: #ffffff;
  background-color: #222222;
}

.fz-1-offer-section .fz-1-single-offer__btn::before {
  background-color: #ffffff;
}

.fz-1-offer-section .fz-1-single-offer__btn:hover {
  color: #222222;
  border-color: #222222;
}

.fz-10-offer-section {
  background: #ECCBAA;
  padding: 100px 0;
  overflow: hidden;
}

@media screen and (max-width: 1399px) {
  .fz-10-offer-section {
    padding: 70px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-offer-section {
    padding: 40px 0;
  }
}

.fz-10-offer-section .fz-10-single-offer {
  background: url(../images/fz-10-offer.png) no-repeat center center;
  background-size: cover;
  height: 710px;
  padding-left: 80px;
  color: #ffffff;
  position: relative;
}

@media screen and (max-width: 1599px) {
  .fz-10-offer-section .fz-10-single-offer {
    height: 530px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-offer-section .fz-10-single-offer {
    height: 360px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-offer-section .fz-10-single-offer {
    height: 310px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-offer-section .fz-10-single-offer {
    height: 300px;
  }
}

.fz-10-offer-section .fz-10-single-offer::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #000 0%, transparent 60%);
}

.fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content {
  position: absolute;
  bottom: 80px;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content {
    bottom: 50px;
    left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content {
    bottom: 40px;
    left: 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content {
    bottom: 35px;
    left: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content {
    left: 25px;
    bottom: 30px;
  }
}

.fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__discount-percentage {
  font-size: 20px;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__discount-percentage {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__discount-percentage {
    margin-bottom: 5px;
  }
}

.fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__title {
  font-size: 50px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__title {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__title {
    font-size: 45px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__title {
    font-size: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-10-single-offer__title {
    font-size: 30px;
  }
}

.fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-3-single-offer__btn {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 1px solid #ffffff;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-3-single-offer__btn {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-offer-section .fz-10-single-offer .fz-10-single-offer-content .fz-3-single-offer__btn {
    font-size: 14px;
  }
}

.fz-10-offer-section .two-bg {
  background: url(../images/fz-10-offer-1.png) no-repeat center center;
  background-size: cover;
}

.fz-10-offer-section .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.fz-11-offer {
  font-family: "Oswald", sans-serif;
  width: 100%;
  /* margin-top: 100px; */
}

@media screen and (max-width: 1399px) {
  .fz-11-offer {
    margin-top: 70px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-offer {
    margin-top: 55px;
  }
}

.fz-11-offer .fz-11-offer-container {
  display: flex;
  gap: 30px;
}

@media screen and (max-width: 991px) {
  .fz-11-offer .fz-11-offer-container {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-offer .fz-11-offer-container {
    flex-direction: column;
  }
}

.fz-11-offer .fz-11-offer-content {
  background: url(../images/fz-11-sub-banner-bg-1.jpg) no-repeat center center;
  background-size: cover;
  background-color: #e7f4f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: #2b2c34;
  width: 50%;
  padding: 25px 90px;
}

@media screen and (max-width: 1599px) {
  .fz-11-offer .fz-11-offer-content {
    padding: 0 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-offer .fz-11-offer-content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-offer .fz-11-offer-content {
    gap: 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-offer .fz-11-offer-content {
    gap: 30px;
    padding: 0 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-offer .fz-11-offer-content {
    flex-direction: column;
    padding: 25px;
    gap: 20px;
  }
}

.fz-11-offer .fz-11-offer-content-txt {
  padding: 100px 0;
}

@media screen and (max-width: 1399px) {
  .fz-11-offer .fz-11-offer-content-txt {
    padding: 70px 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-offer .fz-11-offer-content-txt {
    padding: 40px 0;
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-offer .fz-11-offer-content-txt {
    padding: 90px 0;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-offer .fz-11-offer-content-txt {
    padding: 50px 0;
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-offer .fz-11-offer-content-txt {
    padding: 40px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-offer .fz-11-offer-content-txt {
    width: 100%;
    padding: 0;
  }
}

.fz-11-offer .fz-11-offer-right-container {
  background-image: url(../images/fz-11-sub-banner-bg-2.jpg);
}

.fz-11-offer .fz-11-offer-img-container {
  max-width: 50%;
}

.fz-11-offer .fz-11-offer-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

@media screen and (max-width: 479px) {
  .fz-11-offer .fz-11-offer-title {
    font-size: 15px;
  }
}

.fz-11-offer .fz-11-offer-name {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}

@media screen and (max-width: 1599px) {
  .fz-11-offer .fz-11-offer-name {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-offer .fz-11-offer-name {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-offer .fz-11-offer-name {
    font-size: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-offer .fz-11-offer-name {
    margin-bottom: 20px;
  }

  .fz-11-offer .fz-11-offer-name br {
    display: none;
  }
}

.fz-11-offer .fz-11-offer-btn {
  font-family: "Jost", sans-serif;
  color: #1b1b21;
  padding: 6px 20px;
}

@media screen and (max-width: 575px) {
  .fz-11-offer .fz-11-offer-btn {
    padding: 6px 10px;
    font-size: 14px;
  }
}

.fz-11-offer .fz-11-offer-btn:hover {
  background-color: #1b1b21;
  color: white;
}

.fz-11-discount {
  font-family: "Oswald", sans-serif;
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .fz-11-discount {
    margin-top: 80px;
  }
}

.fz-11-discount .fz-11-top-discount-container {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fz-11-discount .fz-11-top-discount-container {
    display: flex;
    flex-direction: column;
  }
}

.fz-11-discount .fz-11-bottom-discount-container {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fz-11-discount .fz-11-bottom-discount-container {
    display: flex;
    flex-direction: column-reverse;
  }
}

.fz-11-discount .fz-11-discount-left {
  background-color: #010108;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 120px 170px;
}

@media screen and (max-width: 1599px) {
  .fz-11-discount .fz-11-discount-left {
    padding: 70px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-discount .fz-11-discount-left {
    padding: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-discount .fz-11-discount-left {
    padding: 60px 50px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-discount .fz-11-discount-left {
    padding: 50px 40px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-discount .fz-11-discount-left {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-discount .fz-11-discount-left {
    padding: 40px 30px;
  }
}

.fz-11-discount .fz-11-discount-tittle {
  font-size: 40px;
  font-weight: 600;
}

@media screen and (max-width: 1199px) {
  .fz-11-discount .fz-11-discount-tittle {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-discount .fz-11-discount-tittle {
    font-size: 25px;
  }
}

.fz-11-discount .fz-11-discount-description {
  font-family: "Nunito", sans-serif;
  margin-top: 20px;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-11-discount .fz-11-discount-description {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-discount .fz-11-discount-description {
    font-size: 14px;
  }
}

.fz-11-discount .fz-11-discount-btn {
  margin-top: 40px;
}

.fz-11-discount .fz-11-discount-btn button {
  color: white;
  font-family: "Jost", sans-serif;
  border: 1px solid white;
  padding: 10px 29px;
}

.fz-11-discount .fz-11-discount-btn button:hover {
  background-color: white;
  color: black;
}

.fz-11-discount .fz-11-discount-right {
  position: relative;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .fz-11-discount .fz-11-discount-right {
    width: 100%;
  }
}

.fz-11-discount .fz-11-discount-right img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .fz-11-discount .fz-11-discount-right img {
    height: 300px;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-discount .fz-11-discount-right img {
    height: 250px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-discount .fz-11-discount-right img {
    height: 200px;
  }
}

.fz-11-discount .fz-11-discount-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.8 ease;
}

.fz-11-discount .fz-11-discount-icon {
  font-size: 70px;
  color: white;
  transition: 0.4s;
}

.fz-11-discount .fz-11-discount-icon:hover {
  color: black;
}

.fz-3-video-section {
  padding: 200px 0;
  background: url(../images/video-bg.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  color: #ffffff;
  text-align: center;
}

@media screen and (max-width: 1399px) {
  .fz-3-video-section {
    padding: 150px 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-video-section {
    padding: 120px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-video-section {
    padding: 80px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-video-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-video-section {
    padding: 40px 0;
  }
}

.fz-3-video-section::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.fz-3-video-section h2 {
  font-size: 60px;
  margin-bottom: 40px;
  margin-top: -30px;
}

@media screen and (max-width: 1399px) {
  .fz-3-video-section h2 {
    font-size: 55px;
    margin-bottom: 35px;
    margin-top: -27px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-3-video-section h2 {
    font-size: 50px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-video-section h2 {
    font-size: 45px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-video-section h2 {
    margin-top: -15px;
    font-size: 40px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-video-section h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-video-section h2 {
    font-size: 30px;
  }
}

.fz-3-video-section button {
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 30px;
  animation: shadowFadeOut 1.6s linear infinite;
}

@media screen and (max-width: 1199px) {
  .fz-3-video-section button {
    width: 90px;
    height: 90px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-video-section button {
    width: 80px;
    height: 80px;
    font-size: 25px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-video-section button {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-video-section button {
    width: 65px;
    height: 65px;
  }
}

.fz-3-video-section button:hover {
  color: #05707c;
  background-color: #ffffff;
}

.fz-10-video-section {
  background: #ECCBAA;
  text-align: center;
  padding: 100px 0;
}

@media screen and (max-width: 1399px) {
  .fz-10-video-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-video-section {
    padding: 40px 0;
  }
}

.fz-10-video-section .fz-10-video-area {
  background: url(../images/fz-10-video.png) no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 350px 0;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .fz-10-video-section .fz-10-video-area {
    padding: 200px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-video-section .fz-10-video-area {
    padding: 150px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-video-section .fz-10-video-area {
    padding: 100px 0;
  }
}

.fz-10-video-section .fz-10-video-area::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: linear-gradient(rgba(0, 0, 0, 0) 31%, #000000);
  z-index: -1;
}

.fz-10-video-section .fz-10-video-area button {
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 30px;
  animation: shadowFadeOut 1.6s linear infinite;
}

@media screen and (max-width: 991px) {
  .fz-10-video-section .fz-10-video-area button {
    height: 80px;
    width: 80px;
    font-size: 18px;
  }
}

.fz-1-latest-collection {
  padding-bottom: 120px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .fz-1-latest-collection {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-latest-collection {
    padding: 0 5px;
    padding-bottom: 60px;
  }
}

.filter-navs {
  display: flex;
  -moz-column-gap: 50px;
  column-gap: 50px;
  justify-content: center;
  position: relative;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .filter-navs {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .filter-navs {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

@media screen and (max-width: 575px) {
  .filter-navs {
    row-gap: 20px;
  }
}

@media screen and (max-width: 479px) {
  .filter-navs {
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 30px;
  }
}

.filter-navs button {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 5px;
  color: #616161;
}

@media screen and (max-width: 575px) {
  .filter-navs button {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .filter-navs button {
    font-size: 12px;
  }
}

.filter-navs button.active {
  color: #222222;
}

.filter-navs button.active .filter-nav-name {
  -webkit-text-decoration: solid underline;
  text-decoration: solid underline;
}

.filter-navs button span {
  line-height: 1;
}

.fz-1-products-container .slick-list {
  overflow: visible;
  margin: 0 -15px;
}

@media screen and (max-width: 991px) {
  .fz-1-products-container .slick-list {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-products-container .slick-list {
    margin: 0 -10px;
  }
}

.fz-1-products-container .fz-1-single-product {
  margin: 0 15px;
}

@media screen and (max-width: 1399px) {
  .fz-1-products-container .fz-1-single-product {
    margin: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-products-container .fz-1-single-product {
    margin: 0 10px;
  }
}

.fz-1-latest-products-slider-nav {
  position: absolute;
  right: 0;
  top: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  gap: 5px;
}

@media screen and (max-width: 991px) {
  .fz-1-latest-products-slider-nav {
    display: none;
  }
}

.fz-1-latest-products-slider-nav button {
  background-color: #f8f8f8;
  width: 40px;
  height: 40px;
  line-height: 42px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
}

.fz-1-latest-products-slider-nav button:hover {
  background-color: #222222;
  color: #ffffff;
}

.subs-section {
  background: url(../images/fz-3-subs-bg.png) no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .subs-section {
    padding: 70px 0;
  }
}

@media screen and (max-width: 767px) {
  .subs-section {
    padding: 50px 0;
  }
}

@media screen and (max-width: 575px) {
  .subs-section {
    padding: 25px 0;
  }
}

.subs-section__txt h2 {
  font-size: 48px;
  margin-bottom: 13px;
}

@media screen and (max-width: 1399px) {
  .subs-section__txt h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .subs-section__txt h2 {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .subs-section__txt h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .subs-section__txt h2 {
    font-size: 27px;
  }
}

@media screen and (max-width: 575px) {
  .subs-section__txt h2 {
    font-size: 25px;
  }
}

.subs-section__txt h3 {
  font-size: 34px;
}

@media screen and (max-width: 1199px) {
  .subs-section__txt h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .subs-section__txt h3 {
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .subs-section__txt h3 {
    font-size: 22px;
  }
}

@media screen and (max-width: 575px) {
  .subs-section__txt h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .subs-section__txt h3 {
    font-size: 20px;
  }
}

.subs-section__form form {
  display: flex;
  border: 1px solid #ffffff;
}

@media screen and (max-width: 479px) {
  .subs-section__form form {
    flex-direction: column;
    border: none;
    row-gap: 10px;
  }
}

.subs-section__form form input {
  height: 60px;
  padding: 0 20px;
  color: #ffffff;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .subs-section__form form input {
    height: 50px;
    border: 1px solid #ffffff;
  }
}

.subs-section__form form input::-moz-placeholder {
  color: #cfcfcf;
}

.subs-section__form form input::placeholder {
  color: #cfcfcf;
}

.subs-section__form form button {
  background-color: #ffffff;
  height: 60px;
  padding: 0 65px;
  border-left: 1px solid #ffffff;
}

.subs-section__form form button:hover {
  background-color: #222222;
  color: #ffffff;
  border-left: 1px solid #ffffff;
}

@media screen and (max-width: 1199px) {
  .subs-section__form form button {
    padding: 0 45px;
  }
}

@media screen and (max-width: 991px) {
  .subs-section__form form button {
    height: 50px;
  }
}

.fz-4-subs-section {
  background: url(../images/fz-4-subs-bg.png) no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  border-radius: 10px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.fz-4-subs-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-body-dark);
  opacity: 0.6;
  z-index: -1;
}

@media screen and (max-width: 1199px) {
  .fz-4-subs-section {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-subs-section {
    padding: 50px 20px;
  }
}

.fz-4-subs-section__txt {
  margin-bottom: 32px;
}

@media screen and (max-width: 991px) {
  .fz-4-subs-section__txt {
    margin-bottom: 22px;
  }
}

.fz-4-subs-section__txt h2 {
  font-size: 34px;
  line-height: 44px;
  font-weight: 700;
  margin-top: -7px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1399px) {
  .fz-4-subs-section__txt h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-subs-section__txt h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 6px;
  }
}

.fz-4-subs-section__form form {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 479px) {
  .fz-4-subs-section__form form {
    flex-direction: column;
    border: none;
    row-gap: 10px;
  }
}

.fz-4-subs-section__form form input {
  height: 60px;
  padding: 0 20px;
  color: #ffffff;
  width: 100%;
  border: 1px solid #ffffff;
  border-radius: 5px;
}

@media screen and (max-width: 991px) {
  .fz-4-subs-section__form form input {
    height: 50px;
  }
}

.fz-4-subs-section__form form input::-moz-placeholder {
  color: #cfcfcf;
}

.fz-4-subs-section__form form input::placeholder {
  color: #cfcfcf;
}

.fz-4-subs-section__form form button {
  background-color: #ffffff;
  height: 60px;
  padding: 0 65px;
  border-radius: 5px;
  color: #126300;
  font-size: 16px;
  font-weight: 600;
}

.fz-4-subs-section__form form button:hover {
  background-color: #222222;
  color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-4-subs-section__form form button {
    padding: 0 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-subs-section__form form button {
    height: 50px;
  }
}

.fz-5-cta-section {
  background: url(../images/cta-bg-1.jpg) center center no-repeat;
  background-size: cover;
}

.fz-5-cta-section.fz-5-cta-section-2 {
  background: url(../images/fz-5-cta-bg-2.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-logo {
    text-align: center;
    padding-top: 50px;
  }

  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-logo img {
    max-width: 120px;
  }
}

.fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
  margin-top: -40px;
  margin-left: -47px;
}

@media screen and (max-width: 1399px) {
  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
    margin-top: 0;
    margin-bottom: -29px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
    margin-top: -40px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
    margin-top: 0;
    margin-left: -100px;
    margin-bottom: -11px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
}

.fz-5-cta-section.fz-5-cta-section-3 {
  background: url(../images/fz-5-cta-bg-3.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1399px) {
  .fz-5-cta-section.fz-5-cta-section-3 {
    background-position-x: 70%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-cta-section.fz-5-cta-section-3 {
    background-position-x: 80%;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-cta-section.fz-5-cta-section-3 .fz-5-cta-logo {
    text-align: center;
    padding-top: 50px;
  }

  .fz-5-cta-section.fz-5-cta-section-3 .fz-5-cta-logo img {
    max-width: 120px;
  }
}

.fz-5-cta-section .fz-5-cta-txt {
  padding: 50px 0;
}

.fz-5-cta-section .fz-5-cta-txt h3 {
  font-size: 34px;
  line-height: 1;
  font-weight: 400;
  color: #ffffff;
  margin-top: -2px;
  margin-bottom: 21px;
}

@media screen and (max-width: 1199px) {
  .fz-5-cta-section .fz-5-cta-txt h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-cta-section .fz-5-cta-txt h3 {
    font-size: 18px;
    margin-top: -1px;
    margin-bottom: 4px;
  }
}

.fz-5-cta-section .fz-5-cta-txt h2 {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 27px;
}

@media screen and (max-width: 1199px) {
  .fz-5-cta-section .fz-5-cta-txt h2 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-cta-section .fz-5-cta-txt h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-cta-section .fz-5-cta-txt {
    text-align: center;
  }
}

/* 
.fz-5-cta-section .fz-5-cta-img {
  margin-top: -50px;
}

@media screen and (max-width: 1399px) {
  .fz-5-cta-section .fz-5-cta-img {
    margin-top: -40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-cta-section .fz-5-cta-img {
    margin-top: -21px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-cta-section .fz-5-cta-img {
    margin-top: -18px;
  }
}

@media screen and (max-width: 767px) {
  .fz-5-cta-section .fz-5-cta-img {
    margin-top: 0;
  }
} */

@media screen and (max-width: 1399px) {
  .fz-6-cta .fz-6-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-cta .fz-6-section-title {
    font-size: 32px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-cta .fz-6-section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-cta .fz-6-section-title {
    font-size: 28px;
  }
}

.fz-6-cta-row {
  background-color: #e7f4f5;
}

@media screen and (max-width: 1199px) {
  .fz-6-cta-row {
    background: none;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-cta.pb-120 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-cta.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-6-brands {
  padding: 85px 80px 95px;
}

@media screen and (max-width: 1599px) {
  .fz-6-brands {
    padding: 75px 50px 85px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-brands {
    padding: 45px 50px 55px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-brands {
    background-color: #e7f4f5;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-brands {
    padding: 35px 40px 45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-brands {
    padding: 25px 20px 30px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-brands .fz-6-products-heading {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-brands .fz-6-products-heading {
    flex-direction: column;
  }
}

.fz-6-brands-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-6-brands-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-brands-row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
}

.fz-6-brands-row a {
  display: block;
}

.fz-6-brands-row a img {
  width: 100%;
}

.fz-6-brands-heading-btn {
  color: #2B2C34;
  font-weight: 500;
}

.fz-6-brands-heading-btn:hover {
  color: #05707c;
}

.fz-6-brands-heading-btn i {
  padding-left: 5px;
  font-size: 15px;
}

.fz-6-subs {
  padding: 103px 80px 116px;
  background: url(../images/fz-6-cta-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
  color: #ffffff;
}

@media screen and (max-width: 1599px) {
  .fz-6-subs {
    padding: 93px 50px 106px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-subs {
    padding: 63px 50px 76px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-subs {
    padding: 53px 40px 66px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-subs {
    padding: 33px 20px 46px;
  }
}

.fz-6-subs .fz-6-section-title {
  color: #ffffff;
  width: 85%;
  margin-bottom: 13px;
}

@media screen and (max-width: 1399px) {
  .fz-6-subs .fz-6-section-title {
    width: 100%;
  }
}

.fz-6-subs-descr {
  width: 70%;
  margin-bottom: 48px;
}

@media screen and (max-width: 1399px) {
  .fz-6-subs-descr {
    margin-bottom: 33px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-subs-descr {
    width: 100%;
  }
}

.fz-6-subs-form {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 575px) {
  .fz-6-subs-form {
    flex-direction: column;
  }
}

.fz-6-subs-form input {
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 15px 30px;
  width: 100%;
  color: #ffffff;
}

@media screen and (max-width: 1399px) {
  .fz-6-subs-form input {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-subs-form input {
    padding: 10px 15px;
  }
}

.fz-6-subs-form input::-moz-placeholder {
  color: #ffffff;
}

.fz-6-subs-form input::placeholder {
  color: #ffffff;
}

.fz-6-subs-form button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #05707c;
  padding: 0 30px;
  flex-shrink: 0;
  border-radius: 5px;
  transition: 0.4s ease;
}

@media screen and (max-width: 575px) {
  .fz-6-subs-form button {
    height: 56px;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-subs-form button {
    height: 46px;
  }
}

.fz-6-subs-form button:hover {
  background-color: transparent;
  color: #ffffff;
}

.fz-7-cta {
  background: url(../images/fz-7-cta-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 90px 0;
}

@media screen and (max-width: 1399px) {
  .fz-7-cta {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-cta {
    padding: 60px 0;
  }
}

.fz-7-cta-img {
  text-align: center;
  background: url(../images/fz-7-cta-img-bg.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 1199px) {
  .fz-7-cta-img img {
    width: 250px;
  }
}

.fz-7-subs {
  padding-right: 60px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .fz-7-subs {
    padding-right: 0;
  }
}

.fz-7-subs .fz-7-section-title {
  font-size: 50px;
  color: #191919;
}

@media screen and (max-width: 1599px) {
  .fz-7-subs .fz-7-section-title {
    font-size: 44px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-7-subs .fz-7-section-title {
    font-size: 38px;
  }
}

@media screen and (max-width: 575px) {
  .fz-7-subs .fz-7-section-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-subs .fz-7-section-title {
    font-size: 30px;
  }
}

.fz-7-subs .fz-7-section-descr {
  font-size: 18px;
  font-family: "Jost", sans-serif;
  margin-bottom: 58px;
}

@media screen and (max-width: 991px) {
  .fz-7-subs .fz-7-section-descr {
    margin-bottom: 35px;
  }
}

.fz-7-subs-form input {
  border-color: #A1A1A1;
  color: #191919;
}

.fz-7-subs-form input::-moz-placeholder {
  color: #191919;
}

.fz-7-subs-form input::placeholder {
  color: #191919;
}

.fz-7-subs-form button {
  background-color: #191919;
  color: #ffffff;
}

.fz-luxury-section {
  padding: 0 0 110px;
}

@media screen and (max-width: 479px) {
  .fz-luxury-section .fz-2-section-heading {
    margin-bottom: 15px;
  }
}

.fz-luxury-section .fz-section-heading-nav .fz-nav-item .nav-link {
  margin-right: 20px;
}

@media screen and (max-width: 479px) {
  .fz-luxury-section .fz-section-heading-nav .fz-nav-item .nav-link {
    margin-right: 15px;
  }
}

.fz-luxury-section .fz-section-heading-nav .fz-nav-item .nav-link.active::before {
  width: 100%;
}

.fz-luxury-section .fz-section-heading-nav .fz-nav-item:last-child .nav-link {
  margin-right: 0;
}

.fz-luxury-section .fz-section-heading-nav button {
  color: #212529;
  font-size: 20px;
  font-weight: 400;
  transition: 0.4s ease;
  position: relative;
  padding: 0;
}

@media screen and (max-width: 479px) {
  .fz-luxury-section .fz-section-heading-nav button {
    font-size: 14px;
  }
}

.fz-luxury-section .fz-section-heading-nav button::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 6px;
  background-color: #222222;
  height: 1px;
  width: 0%;
  transition: 0.4s ease;
}

.fz-luxury-section .fz-section-heading-nav button:hover,
.fz-luxury-section .fz-section-heading-nav button:focus {
  color: #212529;
}

.fz-luxury-section .fz-section-heading-nav button:hover::before,
.fz-luxury-section .fz-section-heading-nav button:focus::before {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .fz-luxury-section {
    padding: 0 0 40px;
  }
}

.fz-luxury-section #tab-01-pane>.row.gy-4,
.fz-luxury-section #tab-02-pane>.row.gy-4 {
  --bs-gutter-y: 10px;
}

.fz-2-single-product {
  text-align: center;
}

.fz-2-single-product:hover button.fz-add-to-cart-btn,
.fz-2-single-product:hover button.fz-add-to-wishlist {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.fz-2-single-product-img {
  position: relative;
  overflow: hidden;
}

.fz-2-single-product-tag {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 15px;
  background-color: #05707c;
}

@media screen and (max-width: 991px) {
  .fz-2-single-product-tag {
    top: 10px;
    right: 10px;
    padding: 3px 6px;
    font-size: 13px;
  }
}

.fz-2-single-product-actions {
  position: absolute;
  bottom: 30px;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .fz-2-single-product-actions {
    bottom: 15px;
  }
}

.fz-2-single-product-actions button.fz-add-to-cart-btn,
.fz-2-single-product-actions button.fz-add-to-wishlist {
  background: #ffffff;
  padding: 10px 50px;
  font-weight: 500;
  font-family: "Futura PT", sans-serif;
  transform: translateY(30px);
  opacity: 0;
  pointer-events: none;
  box-shadow: 2px 2px #c1c1c1;
}

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

  .fz-2-single-product-actions button.fz-add-to-cart-btn,
  .fz-2-single-product-actions button.fz-add-to-wishlist {
    padding: 10px 25px;
  }
}

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

  .fz-2-single-product-actions button.fz-add-to-cart-btn,
  .fz-2-single-product-actions button.fz-add-to-wishlist {
    font-size: 14px;
  }
}

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

  .fz-2-single-product-actions button.fz-add-to-cart-btn,
  .fz-2-single-product-actions button.fz-add-to-wishlist {
    padding: 0 20px;
  }
}

.fz-2-single-product-actions button.fz-add-to-cart-btn:hover,
.fz-2-single-product-actions button.fz-add-to-wishlist:hover {
  color: #ffffff;
  background: #222222;
}

.fz-2-single-product-actions button.fz-add-to-wishlist {
  padding: 10px 15px;
  transition-delay: 0.1s;
}

@media screen and (max-width: 767px) {
  .fz-2-single-product-actions button.fz-add-to-wishlist {
    padding: 10px 12px;
  }
}

.fz-2-single-product-txt {
  padding: 14px 0 15px;
}

.fz-2-single-product-category {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: var(--clr-body-text);
  margin-bottom: 5px;
}

.fz-2-single-product-category a:hover {
  color: #05707c;
}

.fz-2-single-product-title {
  color: var(--clr-body-dark);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  font-family: "Futura PT", sans-serif;
}

.fz-2-single-product-title a:hover {
  color: #05707c;
}

@media screen and (max-width: 575px) {
  .fz-2-single-product-title {
    font-size: 16px;
  }
}

.fz-2-single-product-price {
  font-weight: 500;
  color: var(--clr-body-dark);
}

.fz-2-single-product-price span.prev-price {
  margin-left: 10px;
  text-decoration: line-through;
  color: var(--clr-body-text);
}

.hot-selling-section {
  padding: 97px 0 120px;
}

@media screen and (max-width: 991px) {
  .hot-selling-section {
    padding: 37px 0 60px;
  }
}

.hot-selling-section .fz-3-section-heading {
  margin-bottom: 1px;
  text-align: center;
}

.hot-selling-section .nav.nav-tabs {
  justify-content: center;
  border-bottom: none;
  margin-bottom: 40px;
  gap: 10px;
}

.hot-selling-section .nav.nav-tabs .nav-link {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  text-transform: capitalize;
  color: #8a8a8a;
  padding: 0 15px;
  height: 35px;
}

@media screen and (max-width: 479px) {
  .hot-selling-section .nav.nav-tabs .nav-link {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
  }
}

.hot-selling-section .nav.nav-tabs .nav-link.active {
  background-color: #222222;
  color: #ffffff;
}

.hot-selling-section .fz-3-hot-sell__btn {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  height: 50px;
  padding: 0 50px;
  line-height: 47px;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .hot-selling-section .fz-3-hot-sell__btn {
    height: 40px;
    padding: 0 30px;
    line-height: 37px;
  }
}

.hot-selling-section .fz-3-hot-sell__btn:hover {
  color: #ffffff;
  background-color: #222222;
}

.fz-2-hot-deal-section {
  padding: 120px 0 100px;
}

@media screen and (max-width: 991px) {
  .fz-2-hot-deal-section {
    padding: 60px 0 40px;
  }
}

.fz-2-hot-deal-section .fz-hot-deal-countdown .syotimer__body {
  display: flex;
  gap: 35px;
  justify-content: end;
}

@media screen and (max-width: 767px) {
  .fz-2-hot-deal-section .fz-hot-deal-countdown .syotimer__body {
    justify-content: center;
    gap: 20px;
  }
}

.fz-2-hot-deal-section .fz-hot-deal-countdown .syotimer-cell__value {
  background: var(--clr-gray-soft);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
  font-family: "Soligant", sans-serif;
  color: var(--clr-body-dark);
}

.fz-2-hot-deal-section .fz-hot-deal-countdown .syotimer-cell__unit {
  font-weight: 400;
  color: var(--clr-body-text);
  font-size: 14px;
  text-transform: capitalize;
  text-align: center;
}

.fz-3-testimonial-section {
  padding: 116px 0 120px;
  background-color: var(--clr-gray-soft);
  position: relative;
  isolation: isolate;
}

@media screen and (max-width: 1199px) {
  .fz-3-testimonial-section {
    padding: 76px 0 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section {
    padding: 56px 0 60px;
  }
}

.fz-3-testimonial-section .fz-3-section-heading {
  text-align: center;
}

.fz-3-testimonial-section .fz-3-testimonial-slider-container {
  padding-right: 80px;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-testimonial-slider-container {
    padding-right: 0;
  }
}

.fz-3-testimonial-section .slick-list {
  margin: -10px 0;
}

.fz-3-testimonial-section .fz-3-single-testimony {
  margin: 10px 0;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-single-testimony {
    text-align: center;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-3-testimonial-section .fz-3-single-testimony {
    margin-bottom: 30px;
  }
}

.fz-3-testimonial-section .fz-3-single-testimony span.quote-icon {
  color: #ebebeb;
  font-size: 70px;
  line-height: 1;
  margin-top: -16px;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-single-testimony span.quote-icon {
    margin-bottom: 0;
  }
}

.fz-3-testimonial-section .fz-3-single-testimony-txt {
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  font-family: "Playfair Display", serif;
  color: #222222;
}

@media screen and (max-width: 1199px) {
  .fz-3-testimonial-section .fz-3-single-testimony-txt {
    font-size: 20px;
    line-height: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-single-testimony-txt {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-testimonial-section .fz-3-single-testimony-txt {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-testimonial-section .fz-3-single-testimony-txt {
    font-size: 16px;
    line-height: 26px;
  }
}

.fz-3-testimonial-section .fz-3-single-testimony .fz-3-rating {
  color: #FFA200;
  font-size: 15px;
  margin-bottom: 17px;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-single-testimony .fz-3-rating {
    margin-bottom: 22px;
  }
}

.fz-3-testimonial-section .fz-3-single-testimony .fz-3-reviewer {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 15px;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-single-testimony .fz-3-reviewer {
    justify-content: center;
  }
}

.fz-3-testimonial-section .fz-3-single-testimony .fz-3-reviewer-img img {
  width: 60px;
  height: 60px;
}

.fz-3-testimonial-section .fz-3-single-testimony .fz-3-reviewer-name {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 4px;
}

.fz-3-testimonial-section .fz-3-single-testimony .fz-3-reviewer-label {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.fz-3-testimonial-section .testimonial-img-slider img {
  border-radius: 8px;
}

.fz-3-testimonial-section .fz-3-testimonial-slider-nav {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 50%;
  left: calc(100% - 8px);
  translate: 0 -50%;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .fz-3-testimonial-section .fz-3-testimonial-slider-nav {
    top: 100%;
    left: 50%;
    translate: -50% 0;
    rotate: 270deg;
  }
}

.fz-3-testimonial-section .fz-3-testimonial-slider-nav button {
  width: 40px;
  height: 40px;
  line-height: 42px;
  background-color: #ffffff;
  color: #222222;
}

@media screen and (max-width: 479px) {
  .fz-3-testimonial-section .fz-3-testimonial-slider-nav button {
    width: 35px;
    height: 35px;
    line-height: 37px;
  }
}

.fz-3-testimonial-section .fz-3-testimonial-slider-nav button:hover {
  color: #ffffff;
  background-color: #05707c;
}

.fz-2-testimonial-section {
  padding: 116px 0 120px;
  background-color: var(--clr-gray-soft);
}

@media screen and (max-width: 991px) {
  .fz-2-testimonial-section {
    padding: 56px 0 60px;
  }
}

.fz-2-testimonial-section .fz-2-section-heading {
  text-align: center;
}

.fz-2-testimonial-section .fz-testimonial-slider-container {
  margin-bottom: 60px;
}

.fz-2-testimonial-section .fz-single-testimony {
  text-align: center;
}

.fz-2-testimonial-section .fz-single-testimony span.quote-icon {
  color: darkgoldenrod;
  font-size: 45px;
  margin-top: -16px;
  margin-bottom: 22px;
}

.fz-2-testimonial-section .fz-single-testimony-txt {
  margin-bottom: 32px;
  font-weight: 400;
}

.fz-2-testimonial-section .fz-single-testimony .fz-reviewer {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  gap: 15px;
}

.fz-2-testimonial-section .fz-single-testimony .fz-reviewer .fz-rating {
  color: #FFA200;
  font-size: 10px;
  margin-bottom: 5px;
}

.fz-2-testimonial-section .fz-single-testimony .fz-reviewer-name {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  font-family: "Futura PT", sans-serif;
}

.fz-2-testimonial-section .fz-single-testimony .fz-reviewer-label {
  font-weight: 200;
}

.fz-2-testimonial-section .fz-testimonial-slider-nav {
  display: flex;
  justify-content: space-between;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  position: absolute;
  width: calc(100% + 130px);
}

@media screen and (max-width: 575px) {
  .fz-2-testimonial-section .fz-testimonial-slider-nav {
    width: calc(100% + 100px);
  }
}

@media screen and (max-width: 479px) {
  .fz-2-testimonial-section .fz-testimonial-slider-nav {
    display: none;
  }
}

.fz-2-testimonial-section .fz-testimonial-slider-nav button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 45px;
  background-color: #ffffff;
  color: #222222;
}

.fz-2-testimonial-section .fz-testimonial-slider-nav button:hover {
  color: #ffffff;
  background-color: #05707c;
}

.fz-2-testimonial-section .fz-testimonial-slider-dots {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.fz-2-testimonial-section .fz-testimonial-slider-dots .owl-dot {
  width: 8px;
  height: 8px;
  border: 1px solid #8D8D8D;
  border-radius: 50%;
}

.fz-2-testimonial-section .fz-testimonial-slider-dots .owl-dot.active {
  border-color: #05707c;
  width: 30px;
  background-color: #05707c;
  border-radius: 5px;
}

.fz-4-testimonial-section {
  overflow: hidden;
  background-color: #e7f4f5;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section.pb-60 {
    padding-bottom: 30px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  left: -65px;
}

@media screen and (max-width: 1399px) {
  .fz-4-testimonial-section .fz-4-testimonial-slider-nav {
    left: -25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-4-testimonial-section .fz-4-testimonial-slider-nav {
    display: none;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-slider-nav button {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border: 1px solid var(--clr-body-soft);
  border-radius: 50%;
  color: var(--clr-body-soft);
}

.fz-4-testimonial-section .fz-4-testimonial-slider-nav button:first-child {
  margin-bottom: 10px;
}

.fz-4-testimonial-section .fz-4-testimonial-slider-nav button:hover {
  color: #126300;
  border-color: #126300;
}

.fz-4-testimonial-section .owl-stage-outer {
  margin-right: -9999999999px;
}

@media screen and (max-width: 767px) {
  .fz-4-testimonial-section .owl-stage-outer {
    margin-right: 0;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single {
  background: var(--clr-gray-soft);
  border-radius: 10px;
  padding: 50px;
}

@media screen and (max-width: 1199px) {
  .fz-4-testimonial-section .fz-4-testimonial-single {
    padding: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .fz-4-testimonial-single {
    padding: 20px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 34px;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer {
    gap: 10px;
    margin-bottom: 15px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer-img {
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer-img {
    width: 50px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer .fz-4-rate-star {
  margin-bottom: 11px;
}

@media screen and (max-width: 767px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer .fz-4-rate-star {
    margin-bottom: 12px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer-name {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer-name {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-reviwer-name {
    font-size: 16px;
  }
}

.fz-4-testimonial-section .fz-4-testimonial-single .fz-4-testimonial-txt p {
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  font-weight: 500;
  margin-bottom: -8px;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .fz-4-testimonial-single .fz-4-testimonial-txt p {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-4-testimonial-section .owl-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding-top: 60px;
}

@media screen and (max-width: 991px) {
  .fz-4-testimonial-section .owl-dots {
    gap: 10px;
    padding-top: 20px;
  }
}

.fz-4-testimonial-section .owl-dots button {
  width: 12px;
  height: 12px;
  background: var(--clr-body-soft);
  border-radius: 50%;
}

.fz-4-testimonial-section .owl-dots button.active {
  background: #05707c;
}

.fz-4-rate-star {
  font-size: 14px;
  line-height: 1;
  color: #f9bd0d;
}

@media screen and (max-width: 767px) {
  .fz-4-rate-star {
    font-size: 12px;
  }
}

.fz-1-blog-section {
  background-color: #f8f8f8;
  padding: 115px 0 120px;
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section {
    padding: 55px 0 60px;
  }
}

.fz-1-blog-section .fz-blogs>.row {
  --bs-gutter-x: 30px;
}

@media screen and (max-width: 767px) {
  .fz-1-blog-section .fz-blogs>.row {
    --bs-gutter-y: 30px;
  }
}

.fz-1-blog-section .fz-single-blog {
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .fz-1-blog-section .fz-single-blog {
    width: -moz-max-content;
    width: max-content;
    margin: auto;
  }

  .fz-1-blog-section .fz-single-blog:not(:last-of-type) {
    margin-bottom: 30px;
  }
}

.fz-1-blog-section .fz-single-blog.fz-first-blog .fz-single-blog__title {
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section .fz-single-blog.fz-first-blog .fz-single-blog__title {
    margin-bottom: -4px;
  }
}

.fz-1-blog-section .fz-single-blog:hover .fz-single-blog__img img {
  scale: 1.1;
}

.fz-1-blog-section .fz-single-blog__img {
  position: relative;
}

.fz-1-blog-section .fz-single-blog__img img {
  width: 100%;
  transition: scale 0.4s ease;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .fz-1-blog-section .fz-single-blog__img img {
    width: 350px;
    aspect-ratio: 1;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-blog-section .fz-single-blog__img img {
    width: 290px;
  }
}

.fz-1-blog-section .fz-single-blog__img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.05) 50%);
}

@media screen and (max-width: 1399px) {
  .fz-1-blog-section .fz-single-blog__img-overlay {
    background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.05) 65%);
  }
}

.fz-1-blog-section .fz-single-blog__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-1-blog-section .fz-single-blog__txt {
    padding: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section .fz-single-blog__txt {
    padding: 15px;
  }
}

.fz-1-blog-section .fz-single-blog__infos {
  display: flex;
  gap: 10px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .fz-1-blog-section .fz-single-blog__infos {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section .fz-single-blog__infos {
    font-size: 14px;
  }
}

.fz-1-blog-section .fz-single-blog__infos span:not(:last-child) {
  border-right: 1px solid #ffffff;
  padding-right: 10px;
}

.fz-1-blog-section .fz-single-blog__title {
  font-family: "Tenor Sans", sans-serif;
  font-size: 34px;
  margin-bottom: -7px;
  color: #ffffff;
  transition: all 0.1s ease;
}

@media screen and (max-width: 1199px) {
  .fz-1-blog-section .fz-single-blog__title {
    font-size: 25px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section .fz-single-blog__title {
    font-size: 22px;
    margin-bottom: -4px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-blog-section .fz-single-blog__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-blog-section .fz-single-blog__title {
    font-size: 18px;
  }
}

.fz-1-blog-section .fz-single-blog__title a {
  display: inline;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: 0.4s ease;
}

.fz-1-blog-section .fz-single-blog__title a:hover {
  background-size: 100% 1px;
}

.fz-1-blog-section .fz-single-blog__desc {
  font-weight: 400;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .fz-1-blog-section .fz-single-blog__desc {
    display: none;
  }
}

.fz-2-blog-section {
  padding: 115px 0 120px;
}

@media screen and (max-width: 991px) {
  .fz-2-blog-section {
    padding: 55px 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .fz-2-blog-section .fz-2-section-heading .fz-section-title {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .fz-2-blog-section .fz-2-section-heading .fz-section-title {
    text-align: center;
  }
}

.fz-2-blog-section .fz-2-section-heading a {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}

@media screen and (max-width: 479px) {
  .fz-2-blog-section .fz-2-section-heading a {
    margin: auto;
  }
}

.fz-2-blog-section .fz-single-blog {
  overflow: hidden;
}

.fz-2-blog-section .fz-single-blog:hover .fz-single-blog__img img {
  scale: 1.1;
}

.fz-2-blog-section .fz-single-blog__img {
  position: relative;
}

.fz-2-blog-section .fz-single-blog__img img {
  width: 100%;
  transition: scale 0.4s ease;
}

.fz-2-blog-section .fz-single-blog__img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgb(25, 25, 25), rgba(101, 101, 101, 0));
}

.fz-2-blog-section .fz-single-blog__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  padding-bottom: 32px;
}

@media screen and (max-width: 1399px) {
  .fz-2-blog-section .fz-single-blog__txt {
    padding: 30px;
    padding-bottom: 22px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-2-blog-section .fz-single-blog__txt {
    padding: 25px;
    padding-bottom: 17px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-blog-section .fz-single-blog__txt {
    padding: 20px;
    padding-bottom: 16px;
  }
}

.fz-2-blog-section .fz-single-blog__infos {
  display: flex;
  gap: 10px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 15px;
  line-height: 1;
}

@media screen and (max-width: 1199px) {
  .fz-2-blog-section .fz-single-blog__infos {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-blog-section .fz-single-blog__infos {
    font-size: 14px;
  }
}

.fz-2-blog-section .fz-single-blog__infos span:not(:last-child) {
  border-right: 1px solid #ffffff;
  padding-right: 10px;
}

.fz-2-blog-section .fz-single-blog__title {
  font-family: "Soligant", sans-serif;
  color: #ffffff;
  font-size: 25px;
  transition: all 0.1s ease;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .fz-2-blog-section .fz-single-blog__title {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .fz-2-blog-section .fz-single-blog__title {
    font-size: 18px;
  }
}

.fz-2-blog-section .fz-single-blog__title a {
  display: inline;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: 0.4s ease;
}

.fz-2-blog-section .fz-single-blog__title a:hover {
  background-size: 100% 1px;
}

.fz-3-blog-section {
  padding: 115px 0 120px;
}

@media screen and (max-width: 1399px) {
  .fz-3-blog-section {
    padding: 75px 0 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-blog-section {
    padding: 55px 0 60px;
  }
}

.fz-3-blog-section .fz-3-section-heading {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .fz-3-blog-section .fz-3-section-heading .fz-3-section-title {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-blog-section .fz-3-section-heading .fz-3-section-title {
    text-align: center;
  }
}

.fz-3-blog-section .fz-3-section-heading a {
  text-align: end;
  display: block;
}

@media screen and (max-width: 479px) {
  .fz-3-blog-section .fz-3-section-heading a {
    text-align: center;
  }
}

.fz-3-blog-section .fz-3-single-blog:hover .fz-3-single-blog__img img {
  scale: 1.1;
}

.fz-3-blog-section .fz-3-single-blog:hover .fz-3-single-blog__category-and-actions {
  color: #222222;
}

.fz-3-blog-section .fz-3-single-blog__img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.fz-3-blog-section .fz-3-single-blog__img img {
  width: 100%;
  transition: 0.4s ease;
}

.fz-3-blog-section .fz-3-single-blog__title {
  font-size: 23px;
  transition: all 0.1s ease;
  margin-bottom: 0;
  padding: 18px 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
  .fz-3-blog-section .fz-3-single-blog__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-3-blog-section .fz-3-single-blog__title {
    font-size: 17px;
    margin-bottom: 10px;
    padding: 10px 0;
  }
}

.fz-3-blog-section .fz-3-single-blog__title a {
  display: inline;
  background-image: linear-gradient(#4a4a4a, #4a4a4a);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: 0.4s ease;
}

.fz-3-blog-section .fz-3-single-blog__title a:hover {
  background-size: 100% 1px;
}

.fz-3-blog-section .fz-3-single-blog__category-and-actions {
  display: flex;
  justify-content: space-between;
  color: #999;
}

@media screen and (max-width: 991px) {
  .fz-3-blog-section .fz-3-single-blog__category-and-actions {
    font-size: 14px;
  }
}

.fz-3-blog-section .fz-3-single-blog__category-and-actions a:hover i {
  transform: rotate(-45deg);
}

.fz-3-blog-section .fz-3-single-blog__category-and-actions a i {
  transition: all 0.4s ease;
}

@media screen and (max-width: 991px) {
  .fz-4-blog-section.pt-60 {
    padding-top: 30px;
  }
}

.fz-4-blog-section .fz-4-blog-card-img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .fz-4-blog-section .fz-4-blog-card-img {
    margin-bottom: 20px;
  }
}

.fz-4-blog-section .fz-4-blog-card-img img {
  width: 100%;
}

.fz-4-blog-section .fz-4-blog-card-info {
  display: flex;
  gap: 35px;
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-body-color);
  margin-top: -3px;
  margin-bottom: 18px;
}

.fz-4-blog-section .fz-4-blog-card-info span {
  font-size: 16px;
  color: #126300;
  margin-right: 6px;
}

@media screen and (max-width: 991px) {
  .fz-4-blog-section .fz-4-blog-card-info {
    gap: 20px;
    font-size: 12px;
    margin-bottom: 9px;
  }

  .fz-4-blog-section .fz-4-blog-card-info span {
    font-size: 14px;
  }
}

.fz-4-blog-section .fz-4-blog-card-title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: -9px;
}

@media screen and (max-width: 991px) {
  .fz-4-blog-section .fz-4-blog-card-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: -8px;
  }
}

.fz-4-blog-section .fz-4-blog-card-title a:hover {
  color: #126300;
}

@media screen and (max-width: 991px) {
  .fz-5-blog-section.pt-120 {
    padding-top: 60px;
  }
}

.fz-5-blog-section .fz-5-blog-card-img img {
  width: 100%;
}

.fz-5-blog-section .fz-5-blog-card-txt {
  padding-top: 30px;
}

@media screen and (max-width: 991px) {
  .fz-5-blog-section .fz-5-blog-card-txt {
    padding-top: 20px;
  }
}

.fz-5-blog-section .fz-5-blog-card-txt .fz-5-blog-card-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  margin-top: -7px;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-5-blog-section .fz-5-blog-card-txt .fz-5-blog-card-title {
    font-size: 18px;
    line-height: 28px;
    margin-top: -6px;
    margin-bottom: 7px;
  }
}

.fz-5-blog-section .fz-5-blog-card-txt .fz-5-blog-card-title a {
  display: inline;
  background-image: linear-gradient(#222222, #222222);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.fz-5-blog-section .fz-5-blog-card-txt .fz-5-blog-card-title a:hover {
  background-size: 100% 1px;
}

.fz-5-blog-section .fz-5-blog-card-txt p {
  font-size: 16px;
  line-height: 26px;
  color: var(--clr-body-color);
  margin-bottom: -8px;
}

@media screen and (max-width: 991px) {
  .fz-5-blog-section .fz-5-blog-card-txt p {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-6-blogs {
  padding: 120px 0;
  background: url(../images/fz-6-blog-bg.jpg) no-repeat top center;
  background-size: 100% 35%;
}

@media screen and (max-width: 1399px) {
  .fz-6-blogs {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-blogs {
    padding: 60px 0;
  }
}

.fz-6-blogs .fz-6-products-heading {
  display: flex;
  align-items: end;
}

@media screen and (max-width: 479px) {
  .fz-6-blogs .fz-6-products-heading {
    flex-direction: column;
    align-items: center;
  }
}

.fz-6-blogs-slider .owl-stage-outer {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.fz-6-blogs-slider-nav {
  display: flex;
  gap: 20px;
}

.fz-6-blogs-slider-nav button {
  border: 1px solid #E8E9EB;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  transition: 0.4s ease;
  color: #191919;
}

@media screen and (max-width: 767px) {
  .fz-6-blogs-slider-nav button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}

.fz-6-blogs-slider-nav button:hover {
  background-color: #05707c;
  border-color: #05707c;
  color: #ffffff;
}

.fz-6-blogs-slider-nav button i {
  font-size: 20px;
}

.fz-6-blog {
  position: relative;
}

.fz-6-blog-img img {
  border-radius: 5px;
  width: 100%;
}

.fz-6-blog-txt {
  margin: 0 35px;
  margin-top: -30px;
  background-color: #ffffff;
  z-index: 1;
  position: relative;
  padding: 30px 35px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 1, 0.06);
}

@media screen and (max-width: 1599px) {
  .fz-6-blog-txt {
    margin-inline: 12px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-blog-txt {
    margin-inline: 0;
    padding: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-blog-txt {
    padding: 22px;
  }
}

.fz-6-blog-infos {
  display: flex;
  gap: 30px;
  margin-bottom: 17px;
}

@media screen and (max-width: 1199px) {
  .fz-6-blog-infos {
    margin-bottom: 12px;
  }
}

.fz-6-blog-info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  color: #2B2C34;
}

.fz-6-blog-info i {
  color: #05707c;
  font-size: 16px;
}

.fz-6-blog-title {
  font-size: 25px;
  font-weight: 700;
  color: #2B2C34;
  margin-bottom: 22px;
}

@media screen and (max-width: 1199px) {
  .fz-6-blog-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.fz-6-blog-title a:hover {
  color: #05707c;
}

.fz-6-blog-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
  border-top: 1px solid #E5E5E5;
}

@media screen and (max-width: 1199px) {
  .fz-6-blog-bottom {
    padding-top: 15px;
  }
}

.fz-6-blog-date {
  font-size: 15px;
  color: #2B2C34;
}

.fz-6-blog-date i {
  padding-right: 5px;
  color: #8C929D;
}

@media screen and (max-width: 1399px) {
  .fz-7-blogs.pb-120 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-blogs.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-7-blogs .owl-item img {
  width: 100%;
}

.fz-7-blogs-slider {
  position: relative;
}

@media screen and (max-width: 767px) {
  .fz-7-blogs-slider {
    padding: 0 55px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-blogs-slider {
    padding: 0;
  }
}

.fz-7-blogs-slider-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 479px) {
  .fz-7-blogs-slider-nav {
    display: none;
  }
}

.fz-7-blogs-slider-nav button {
  width: 60px;
  height: 60px;
  line-height: 65px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #2B2C34;
  translate: -50% 0;
  box-shadow: 0 3px 6px rgba(0, 0, 1, 0.16);
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .fz-7-blogs-slider-nav button {
    translate: 0 0;
    width: 50px;
    height: 50px;
    line-height: 55px;
    font-size: 25px;
  }
}

.fz-7-blogs-slider-nav button:hover {
  background-color: #05707c;
  color: #ffffff;
}

.fz-7-blogs-slider-nav button:last-child {
  translate: 50% 0;
}

@media screen and (max-width: 767px) {
  .fz-7-blogs-slider-nav button:last-child {
    translate: 0 0;
  }
}

.fz-7-blog:hover .fz-7-blog-img img {
  scale: 1.1;
}

.fz-7-blog-img {
  overflow: hidden;
}

.fz-7-blog-img img {
  transition: 0.4s ease;
}

.fz-7-blog-date {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 64px;
  height: 64px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  gap: 2px;
}

@media screen and (max-width: 479px) {
  .fz-7-blog-date {
    top: 15px;
    left: 10px;
  }
}

.fz-7-blog-txt {
  position: absolute;
  bottom: 0;
  margin-right: 70px;
  background-color: #fff;
  padding: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-7-blog-txt {
    margin-right: 40px;
    padding: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-blog-txt {
    margin-right: 30px;
    padding: 20px;
  }
}

.fz-7-blog-title {
  font-size: 24px;
  font-weight: 700;
  color: #2B2C34;
  margin-bottom: 9px;
}

@media screen and (max-width: 1199px) {
  .fz-7-blog-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-blog-title {
    font-size: 20px;
  }
}

.fz-7-blog-title a:hover {
  color: #05707c;
}

.fz-7-blog-btn {
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 1399px) {
  .fz-8-blogs.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-blogs.py-120 {
    padding: 60px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-blogs-heading {
    margin-bottom: 25px;
  }
}

.fz-8-blogs .fz-8-section-heading {
  margin-left: 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .fz-8-blogs .fz-8-section-heading {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-blogs .fz-8-section-descr {
    margin-bottom: 18px;
  }
}

.fz-8-blogs-btn {
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.fz-8-blogs-btn i {
  padding-left: 5px;
}

.fz-8-blog-img {
  margin-bottom: 18px;
}

@media screen and (max-width: 1599px) {
  .fz-8-blog-img {
    margin-bottom: 13px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-blog-img {
    margin-bottom: 8px;
  }
}

.fz-8-blog-img img {
  width: 100%;
  height: 340px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .fz-8-blog-img img {
    height: 300px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-blog-img img {
    height: 230px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-blog-img img {
    height: 160px;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-blog-img img {
    height: 220px;
  }
}

.fz-8-blog-txt {
  width: 80%;
}

@media screen and (max-width: 1599px) {
  .fz-8-blog-txt {
    width: 90%;
  }
}

@media screen and (max-width: 1399px) {
  .fz-8-blog-txt {
    width: 100%;
  }
}

.fz-8-blog-category {
  font-size: 18px;
  color: #2B2C34;
  text-transform: uppercase;
  margin-bottom: 12px;
}

@media screen and (max-width: 1599px) {
  .fz-8-blog-category {
    margin-bottom: 0;
  }
}

.fz-8-blog-title {
  font-size: 26px;
  font-weight: 500;
  color: #2B2C34;
  text-transform: uppercase;
  margin-bottom: 7px;
}

@media screen and (max-width: 1599px) {
  .fz-8-blog-title {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-blog-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-blog-title {
    font-size: 22px;
  }
}

.fz-8-blog-title a:hover {
  color: #DBC996;
}

.fz-8-blog-infos {
  font-family: "Kanit", sans-serif;
  color: #616161;
  text-transform: capitalize;
}

.fz-8-blog-info:first-child {
  padding-right: 15px;
  margin-right: 19px;
  position: relative;
}

.fz-8-blog-info:first-child::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  translate: 0 -50%;
  width: 4px;
  height: 4px;
  background-color: #616161;
  border-radius: 50%;
}

.fz-9-blog-section {
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 100%;
  width: auto;
  padding: 120px 0;
}

@media screen and (max-width: 1399px) {
  .fz-9-blog-section {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-blog-section {
    padding: 60px 0;
  }
}

.fz-9-blog-section .fz-9-blog-items {
  margin-top: 120px;
}

.fz-9-blog-section .fz-9-single-blog {
  position: relative;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-thumb {
  position: absolute;
  bottom: 57%;
  left: 53px;
  z-index: 1;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-thumb img {
  height: 100%;
  width: auto;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content {
  background-color: #fff;
  padding: 189px 40px 33px 50px;
  width: 570px;
  height: 364px;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-category span {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #253B70;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .fz-9-blog-title .blog-title {
  font-size: 26px;
  font-weight: 600;
  color: #253B70;
  margin: 14px 0;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-date {
  display: inline-block;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-date span {
  font-size: 16px;
  font-weight: 400;
  color: #253B70;
  letter-spacing: 1.5px;
  margin-right: 18px;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-comment {
  display: inline-block;
  position: relative;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-comment span {
  font-size: 16px;
  font-weight: 400;
  color: #253B70;
  letter-spacing: 1.5px;
}

.fz-9-blog-section .fz-9-single-blog .fz-9-blog-content .blog-comment span::before {
  content: "";
  top: 9px;
  left: -13px;
  position: absolute;
  background-color: #253B70;
  height: 4px;
  width: 4px;
  border-radius: 100%;
}

.fz-10-blog-section {
  padding: 110px 0 150px;
}

@media screen and (max-width: 1399px) {
  .fz-10-blog-section {
    padding: 70px 0 120px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section {
    padding: 50px 0 40px;
  }
}

.fz-10-blog-section .fz-10-section-title {
  font-size: 50px;
  font-weight: 500;
  padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section .fz-10-section-title {
    font-size: 35px !important;
  }
}

.fz-10-blog-section .fz-10-section-descr {
  font-size: 16px;
  font-weight: 400;
  font-family: "Nunito Sans", sans-serif;
  max-width: 430px;
  margin: auto;
  padding-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section .fz-10-section-descr {
    padding-bottom: 25px;
  }
}

.fz-10-blog-section .single-blog {
  position: relative;
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section .single-blog {
    margin-bottom: 75px;
  }
}

.fz-10-blog-section .single-blog .fz-10-blog-iamge {
  overflow: hidden;
}

.fz-10-blog-section .single-blog .fz-10-blog-iamge img {
  width: 100%;
  transition: 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section .single-blog .fz-10-blog-iamge img {
    height: 350px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-blog-section .single-blog .fz-10-blog-iamge img {
    height: 250px;
  }
}

.fz-10-blog-section .single-blog .blog-content {
  position: absolute;
  content: "";
  left: 28%;
  bottom: -83px;
  background: #fff;
  padding: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-10-blog-section .single-blog .blog-content {
    padding: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-blog-section .single-blog .blog-content {
    bottom: -55px;
  }
}

@media screen and (max-width: 479px) {
  .fz-10-blog-section .single-blog .blog-content {
    left: 10%;
  }
}

.fz-10-blog-section .single-blog .blog-content a h4 {
  font-size: 26px;
  color: #2B2C34;
  font-weight: 500;
  margin-bottom: 25px;
}

@media screen and (max-width: 1199px) {
  .fz-10-blog-section .single-blog .blog-content a h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-10-blog-section .single-blog .blog-content a h4 {
    font-size: 16px;
  }
}

.fz-10-blog-section .single-blog .blog-content .fz-10-blog-btn {
  border-bottom: 1px solid #707070;
  color: #616161;
  font-size: 18px;
}

@media screen and (max-width: 575px) {
  .fz-10-blog-section .single-blog .blog-content .fz-10-blog-btn {
    font-size: 16px;
  }
}

.fz-10-blog-section .single-blog:hover .fz-10-blog-iamge img {
  transform: scale(1.15);
}

.fz-11-blog {
  font-family: "Oswald", sans-serif;
  margin-top: 120px;
}

@media screen and (max-width: 1399px) {
  .fz-11-blog {
    margin-top: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-blog {
    margin-top: 60px;
  }
}

.fz-11-blog .fz-11-blog-text-container {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 900px;
}

@media screen and (max-width: 1599px) {
  .fz-11-blog .fz-11-blog-text-container {
    gap: 600px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-blog .fz-11-blog-text-container {
    gap: 400px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .fz-11-blog-text-container {
    gap: 300px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-blog .fz-11-blog-text-container {
    gap: 170px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-blog .fz-11-blog-text-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}

.fz-11-blog .fz-11-blog-title {
  font-size: 50px;
  font-weight: 600;
  color: #191919;
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .fz-11-blog-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-blog .fz-11-blog-title {
    font-size: 30px;
  }
}

.fz-11-blog .fz-11-blog-description {
  font-family: "Nunito", sans-serif;
  color: #4d4d4d;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .fz-11-blog .fz-11-blog-description br {
    display: none;
  }
}

.fz-11-blog .fz-11-blog-arrow-container {
  display: flex;
  gap: 20px;
}

.fz-11-blog .fz-11-blog-arrow-container .fz-11-blog-arrow {
  height: 50px;
  width: 50px;
  border: 2px solid black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-11-blog .fz-11-blog-arrow-container .fz-11-blog-arrow:hover {
  background-color: #010108;
  color: white;
}

.fz-11-blog .fz-11-blog-container {
  display: flex;
  gap: 30px;
  margin: 50px 200px;
}

@media screen and (max-width: 1599px) {
  .fz-11-blog .fz-11-blog-container {
    margin: 50px 90px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .fz-11-blog-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 50px 60px 0;
    gap: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-blog .fz-11-blog-container {
    margin: 50px 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-blog .fz-11-blog-container {
    margin: 30px;
    margin-bottom: 0;
  }
}

.fz-11-blog .fz-11-single-blog {
  width: 450px;
}

.fz-11-blog .fz-11-single-blog-title {
  font-size: 24px;
  color: #2b2c34;
  margin-top: 30px;
  font-weight: 400;
}

@media screen and (max-width: 1399px) {
  .fz-11-blog .fz-11-single-blog-title {
    font-size: 20px;
  }
}

.fz-11-blog .fz-11-blog-btn {
  border: 1px solid #1b1b21;
  padding: 6px 18px;
  color: #010108;
  font-family: "Nunito", sans-serif;
  margin-top: 25px;
}

.fz-11-blog .fz-11-blog-btn:hover {
  background-color: #010108;
  color: white;
}

.fz-11-blog .fz-11-blog-article-title {
  font-size: 18px;
  color: #2b2c34;
  font-weight: 400;
  width: 500px;
}

@media screen and (max-width: 1399px) {
  .fz-11-blog .fz-11-blog-article-title {
    width: 350px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .fz-11-blog-article-title {
    width: 100%;
    margin-top: 30px;
  }
}

.fz-11-blog .fz-11-blog-article-description {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  color: #4d4d4d;
  margin-top: 20px;
  width: 400px;
}

@media screen and (max-width: 1399px) {
  .fz-11-blog .fz-11-blog-article-description {
    font-size: 13px;
    width: 300px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .fz-11-blog-article-description {
    width: 100%;
  }
}

.fz-11-blog .fz-11-blog-article-btn {
  font-family: "Nunito", sans-serif;
  color: #010108;
  margin-top: 15px;
  font-weight: 400;
  border-bottom: 1px solid black;
}

.fz-11-blog .fz-11-blog-swiper {
  width: 100%;
  height: 100%;
}

.fz-11-blog .swiper {
  width: 70%;
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .fz-11-blog .swiper {
    width: 100%;
  }
}

.fz-11-blog .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fz-11-blog .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fz-12-blogs {
  background-color: #F5F5F5;
}

@media screen and (max-width: 1399px) {
  .fz-12-blogs.py-120 {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-blogs.py-120 {
    padding: 60px 0;
  }
}

#fz-12-blogs-slider-nav button {
  line-height: 54px;
}

@media screen and (max-width: 1399px) {
  #fz-12-blogs-slider-nav button {
    line-height: 50px;
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
}

.fz-12-blog {
  background: linear-gradient(to left, #ffffff, #ffffff) no-repeat bottom center;
  background-size: 100% 55%;
  padding: 60px 60px 40px;
  transition: 0.4s ease;
}

@media screen and (max-width: 1399px) {
  .fz-12-blog {
    padding: 40px 40px 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-blog {
    padding: 30px 30px 20px;
  }
}

.fz-12-blog:hover {
  background-size: 100% 100%;
}

.fz-12-blog:hover .fz-12-blog-img img {
  border-radius: 0;
}

.fz-12-blog-img {
  margin-bottom: 18px;
}

.fz-12-blog-img img {
  border-top-left-radius: 215px;
  border-top-right-radius: 215px;
  transition: 0.4s ease;
}

.fz-12-blog-category {
  color: #2B2C34;
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .fz-12-blog-category {
    margin-bottom: 5px;
  }
}

.fz-12-blog-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 27px;
}

@media screen and (max-width: 1399px) {
  .fz-12-blog-title {
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-blog-title {
    margin-bottom: 12px;
    font-size: 24px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-blog-title {
    margin-bottom: 10px;
    font-size: 22px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-blog-title {
    font-size: 20px;
  }
}

.fz-12-blog-title a:hover {
  color: #DBC996;
}

.fz-12-blog .fz-8-blog-infos {
  font-family: "Nunito", sans-serif;
}

.fz-gallery-section .fz-section-title span.fz-ig-username {
  font-family: "Futura PT", sans-serif;
  font-size: 45px;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-gallery-section .fz-section-title span.fz-ig-username {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-gallery-section .fz-section-title span.fz-ig-username {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-gallery-section .fz-section-title span.fz-ig-username {
    font-size: 30px;
  }
}

.fz-gallery-section .fz-single-gallery-item {
  position: relative;
}

.fz-gallery-section .fz-single-gallery-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.6);
  opacity: 0;
  transition: 0.5s ease;
}

.fz-gallery-section .fz-single-gallery-item:hover::before {
  opacity: 1;
}

.fz-gallery-section .fz-single-gallery-item:hover button.fz-ig-btn {
  opacity: 1;
}

.fz-gallery-section .fz-single-gallery-item:hover button.fz-ig-btn i {
  margin-top: 0;
}

.fz-gallery-section .fz-single-gallery-item button.fz-ig-btn {
  position: absolute;
  font-size: 40px;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  color: #ffffff;
  opacity: 0;
  transition: 0.4s ease;
}

@media screen and (max-width: 479px) {
  .fz-gallery-section .fz-single-gallery-item button.fz-ig-btn {
    font-size: 35px;
  }
}

.fz-gallery-section .fz-single-gallery-item button.fz-ig-btn:hover {
  color: #05707c;
}

.fz-gallery-section .fz-single-gallery-item button.fz-ig-btn i {
  margin-top: 25px;
  transition: margin 0.6s ease;
}

.fz-1-gallery-section {
  background-color: #f8f8f8;
  padding-top: 60px;
}

.fz-12-gallery {
  background: linear-gradient(to top, #e7f4f5 210px, transparent 0);
}

@media screen and (max-width: 1399px) {
  .fz-12-gallery.pt-120 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-gallery.pt-120 {
    padding-top: 60px;
  }
}

.fz-12-gallery .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-12-gallery .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-gallery .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
}

.fz-12-gallery-img {
  overflow: hidden;
  position: relative;
}

.fz-12-gallery-img:hover::before {
  opacity: 1;
}

.fz-12-gallery-img:hover img {
  scale: 1.08;
}

.fz-12-gallery-img:hover .view-btn {
  margin-top: 0;
  opacity: 1;
  pointer-events: auto;
}

.fz-12-gallery-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: 0.4s ease-in;
  z-index: 1;
}

.fz-12-gallery-img img {
  width: 100%;
  transition: 0.4s ease-out;
}

.fz-12-gallery-img .view-btn {
  margin-top: 20px;
  transition: 0.3s ease;
  font-size: 43px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.fz-12-gallery-img .view-btn:hover {
  color: #DBC996;
}

.fz-1-features-section {
  background-color: #ffffff;
  padding: 80px 0 50px 0;
}

@media screen and (max-width: 991px) {
  .fz-1-features-section {
    padding: 60px 0;
  }
}

.features-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .features-container {
    row-gap: 35px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

@media screen and (max-width: 991px) {
  .features-container {
    justify-content: center;
  }
}

@media screen and (max-width: 575px) {
  .features-container {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

.features-container>* {
  flex: auto;
}

.fz-single-feature {
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

@media screen and (max-width: 1399px) {
  .fz-single-feature {
    gap: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-single-feature {
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-feature {
    gap: 15px;
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-feature__img img {
    width: 35px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-single-feature__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-single-feature__title {
    font-size: 18px;
  }
}

.fz-single-feature__sub-title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 575px) {
  .fz-single-feature__sub-title {
    font-size: 14px;
  }
}

.fz-3-features-section {
  background-color: #111;
  padding: 100px 0 0;
}

@media screen and (max-width: 991px) {
  .fz-3-features-section {
    padding: 60px 0 0;
  }
}

.fz-3-features-section .features-container {
  padding: 25px 18px;
  border-radius: 4px;
  border: 1px solid #2d2d2d;
}

@media screen and (max-width: 575px) {
  .fz-3-features-section .fz-3-single-feature__img img {
    width: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-features-section .fz-3-single-feature__img img {
    width: 35px;
  }
}

.fz-3-features-section .fz-3-single-feature__txt {
  color: #b5b5b5;
}

.fz-3-features-section .fz-3-single-feature__title {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .fz-3-features-section .fz-3-single-feature__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-3-features-section .fz-3-single-feature__title {
    font-size: 18px;
  }
}

.fz-3-features-section .fz-3-single-feature__sub-title {
  font-family: "Roboto", sans-serif;
}

@media screen and (max-width: 575px) {
  .fz-3-features-section .fz-3-single-feature__sub-title {
    font-size: 14px;
  }
}

.fz-4-features-section .features-container {
  padding: 30px 18px;
  border-radius: 4px;
  border: 1px solid var(--clr-gray-3);
}

.fz-4-features-section .fz-single-feature__title {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--clr-body-color);
}

.fz-4-features-section .fz-single-feature__sub-title {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: var(--clr-common-black);
}

/* INDEX-1 FOOTER SECTION */
.fz-1-footer-section {
  background-color: #ffffff;
  color: #616161;
  font-weight: 400;
}

.fz-1-footer-section .fz-footer-top {
  padding: 50px 0;
  border-bottom: 1px solid #2d2d2d;
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-top {
    padding: 30px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-footer-section .fz-footer-top {
    padding: 20px 0;
  }
}

.fz-1-footer-section .fz-footer-top .fz-footer__contact-info ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-top .fz-footer__contact-info ul {
    gap: 10px;
  }
}

.fz-1-footer-section .fz-footer-top .fz-footer__contact-info a {
  display: block;
}

.fz-1-footer-section .fz-footer-top .fz-footer__contact-info a i {
  margin-right: 10px;
  font-size: 18px;
}

.fz-1-footer-section .fz-footer-top .fz-footer__contact-info li:not(:last-child) a {
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-top .fz-footer__contact-info li:not(:last-child) a {
    padding-bottom: 10px;
  }
}

.fz-1-footer-section .fz-footer-top .fz-footer-widget__title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin-bottom: 30px;
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-top .fz-footer-widget__title {
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-footer-section .fz-footer-top .fz-footer-widget__title {
    margin-bottom: 12px;
  }
}

.fz-1-footer-section .fz-footer-top .fz-footer-widget__title.fz-logo {
  max-width: 250px;
}

.fz-1-footer-section .fz-footer-top .fz-footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

@media screen and (max-width: 479px) {
  .fz-1-footer-section .fz-footer-top .fz-footer-widget ul {
    gap: 8px;
  }
}

.fz-1-footer-section .fz-footer-top .fz-footer-widget ul li a:hover {
  color: #05707c;
}

.fz-1-footer-section .fz-footer-top {
  background-color: #f8f8f8;
  border: none;
}

.fz-1-footer-section .fz-footer-top .fz-footer-widget__title {
  font-family: "Tenor Sans", sans-serif;
  color: #191919;
}

.fz-1-footer-section .fz-footer-top .fz-footer__contact-info li:not(:last-child) a {
  border-color: rgba(0, 0, 0, 0.05);
}

.fz-1-footer-section .fz-footer-about {
  padding-right: 60px;
}

@media screen and (max-width: 1399px) {
  .fz-1-footer-section .fz-footer-about {
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-about {
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-1-footer-section .fz-footer-about {
    padding-right: 0;
  }
}

.fz-1-footer-section .fz-footer-about__txt {
  margin-bottom: 24px;
}

.fz-1-footer-section .fz-footer-bottom {
  padding: 10px 0;
}

.fz-1-footer-section .fz-footer-bottom .fz-copyright {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-bottom .fz-copyright {
    text-align: center;
  }
}

.fz-1-footer-section .fz-footer-bottom .fz-footer-socials ul {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .fz-1-footer-section .fz-footer-bottom .fz-footer-socials ul {
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-1-footer-section .fz-footer-bottom .fz-footer-socials ul {
    gap: 10px;
  }
}

.fz-1-footer-section .fz-footer-bottom .fz-footer-socials a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #7c7c7c;
  border-radius: 50%;
}

@media screen and (max-width: 479px) {
  .fz-1-footer-section .fz-footer-bottom .fz-footer-socials a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}

.fz-1-footer-section .fz-footer-bottom .fz-footer-socials a:hover {
  background-color: #7c7c7c;
  color: #ffffff;
}

@media screen and (max-width: 1399px) {
  .fz-1-footer-section .fz-footer-about.fz-footer-widget {
    /* text-align: center; */
    /* width: 60%; */
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-1-footer-section .fz-footer-about.fz-footer-widget {
    width: 100%;
    text-align: left;
  }
}

/* INDEX-2 FOOTER SECTION */
.fz-2-footer-section .fz-footer-top {
  padding: 100px 0;
  background-color: var(--clr-gray-soft);
}

@media screen and (max-width: 991px) {
  .fz-2-footer-section .fz-footer-top {
    padding: 60px 0;
  }
}

.fz-2-footer-section .fz-footer-top .fz-footer-about {
  padding-right: 35px;
}

@media screen and (max-width: 1199px) {
  .fz-2-footer-section .fz-footer-top .fz-footer-about {
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-2-footer-section .fz-footer-top .fz-footer-about {
    padding-right: 0;
  }
}

.fz-2-footer-section .fz-footer-top .fz-footer-about .fz-logo {
  max-width: 135px;
  margin-bottom: 35px;
}

.fz-2-footer-section .fz-footer-top .fz-footer-about__txt {
  padding-bottom: 17px;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 25px;
  font-weight: 400;
  color: var(--clr-body-text);
}

.fz-2-footer-section .fz-footer-top .fz-footer-about .fz-footer-socials {
  color: var(--clr-body-text);
}

.fz-2-footer-section .fz-footer-top .fz-footer-about .fz-footer-socials-title {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .fz-2-footer-section .fz-footer-top .fz-footer-about .fz-footer-socials-title {
    margin-bottom: 10px;
  }
}

.fz-2-footer-section .fz-footer-top .fz-footer-about .fz-footer-socials ul {
  gap: 15px;
}

.fz-2-footer-section .fz-footer-top .fz-footer-about .fz-footer-socials ul li a:hover {
  color: #05707c;
}

.fz-2-footer-section .fz-footer-top .fz-footer-widget__title {
  font-family: "Soligant", sans-serif;
  font-size: 22px;
  margin-bottom: 27px;
  color: var(--clr-body-dark);
}

@media screen and (max-width: 991px) {
  .fz-2-footer-section .fz-footer-top .fz-footer-widget__title {
    margin-bottom: 17px;
  }
}

.fz-2-footer-section .fz-footer-top .fz-footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-weight: 400;
}

.fz-2-footer-section .fz-footer-top .fz-footer-widget ul li a {
  color: var(--clr-body-text);
}

.fz-2-footer-section .fz-footer-top .fz-footer-widget ul li a:hover {
  color: #05707c;
}

.fz-2-footer-section .fz-footer-subscribe-txt {
  color: var(--clr-body-text);
  margin-bottom: 10px;
  font-weight: 400;
}

.fz-2-footer-section .fz-footer-subscribe-form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.fz-2-footer-section .fz-footer-subscribe-form-input {
  width: 100%;
  position: relative;
  border: 1px solid var(--clr-body-dark);
  padding: 12px 15px;
}

.fz-2-footer-section .fz-footer-subscribe-form-input .fz-footer-subs-icon {
  position: absolute;
  right: 15px;
}

.fz-2-footer-section .fz-footer-subscribe-form-input input {
  padding-right: 25px;
  width: 100%;
}

.fz-2-footer-section .fz-footer-subscribe-form .fz-footer-subs-btn {
  width: 100%;
  background-color: #222222;
  color: #ffffff;
  text-transform: capitalize;
  padding: 12px 0;
  border: 1px solid #222222;
}

.fz-2-footer-section .fz-footer-subscribe-form .fz-footer-subs-btn:hover {
  background-color: #ffffff;
  color: #222222;
}

.fz-2-footer-section .fz-footer-subscribe-form .fz-footer-subs-btn i {
  margin-left: 10px;
}

.fz-2-footer-section .fz-footer-bottom {
  padding: 20px 0;
}

.fz-2-footer-section .fz-footer-bottom .fz-copyright {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fz-2-footer-section .fz-footer-bottom .fz-copyright {
    text-align: center;
  }
}

/* INDEX-3 FOOTER SECTION */
.fz-3-footer-section {
  background-color: #111;
  color: #b5b5b5;
}

.fz-3-footer-section .fz-3-footer-top {
  padding: 100px 0;
  border-bottom: 1px solid #2d2d2d;
}

@media screen and (max-width: 991px) {
  .fz-3-footer-section .fz-3-footer-top {
    padding: 60px 0;
  }
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 479px) {
  .fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info ul {
    gap: 10px;
  }
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info a {
  display: block;
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info a i {
  margin-right: 10px;
  font-size: 18px;
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info li:not(:last-child) a {
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 20px;
}

@media screen and (max-width: 479px) {
  .fz-3-footer-section .fz-3-footer-top .fz-3-footer__contact-info li:not(:last-child) a {
    padding-bottom: 10px;
  }
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer-widget__title {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin-bottom: 30px;
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .fz-3-footer-section .fz-3-footer-top .fz-3-footer-widget__title {
    margin-bottom: 17px;
  }
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.fz-3-footer-section .fz-3-footer-top .fz-3-footer-widget ul li a:hover {
  color: #05707c;
}

.fz-3-footer-section .fz-3-footer-subscribe-txt {
  margin-bottom: 20px;
}

.fz-3-footer-section .fz-3-footer-subscribe-form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.fz-3-footer-section .fz-3-footer-subscribe-form-input {
  width: 100%;
  position: relative;
  border: 1px solid #e2e2e2;
  padding: 12px 15px;
}

@media screen and (max-width: 479px) {
  .fz-3-footer-section .fz-3-footer-subscribe-form-input {
    padding: 7px 12px;
  }
}

.fz-3-footer-section .fz-3-footer-subscribe-form-input .fz-3-footer-subs-icon {
  position: absolute;
  right: 15px;
}

.fz-3-footer-section .fz-3-footer-subscribe-form-input input {
  padding-right: 25px;
  width: 100%;
  color: #ffffff;
}

.fz-3-footer-section .fz-3-footer-subscribe-form .fz-3-footer-subs-btn {
  width: 100%;
  background-color: #ffffff;
  color: #000;
  text-transform: capitalize;
  padding: 12px 0;
  border: 1px solid #ffffff;
  font-weight: 500;
}

@media screen and (max-width: 479px) {
  .fz-3-footer-section .fz-3-footer-subscribe-form .fz-3-footer-subs-btn {
    padding: 8.5px 0;
    font-size: 14px;
  }
}

.fz-3-footer-section .fz-3-footer-subscribe-form .fz-3-footer-subs-btn:hover {
  background-color: #222222;
  color: #ffffff;
}

.fz-3-footer-section .fz-3-footer-subscribe-form .fz-3-footer-subs-btn i {
  margin-left: 10px;
}

.fz-3-footer-section .fz-3-footer-bottom {
  padding: 20px 0;
}

.fz-3-footer-section .fz-3-footer-bottom .fz-3-copyright {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .fz-3-footer-section .fz-3-footer-bottom .fz-3-copyright {
    text-align: center;
  }
}

.fz-3-footer-socials ul {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

@media screen and (max-width: 991px) {
  .fz-3-footer-socials ul {
    justify-content: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-3-footer-socials ul {
    gap: 10px;
  }
}

.fz-3-footer-socials a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #7c7c7c;
  border-radius: 50%;
}

@media screen and (max-width: 479px) {
  .fz-3-footer-socials a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}

.fz-3-footer-socials a:hover {
  background-color: #7c7c7c;
  color: #ffffff;
}

.fz-5-footer-section {
  background: #0A0A0A;
}

.fz-5-footer-section .quick-search {
  padding: 60px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 991px) {
  .fz-5-footer-section .quick-search {
    padding: 40px 0;
  }
}

.fz-5-footer-section .quick-search .nice-select {
  height: 40px;
  background: transparent;
  color: var(--clr-gray-3);
  border-color: #292929;
  border-radius: 20px;
}

.fz-5-footer-section .quick-search .nice-select .list {
  background: #292929;
  border-color: #292929;
}

.fz-5-footer-section .quick-search .nice-select .option:hover,
.fz-5-footer-section .quick-search .nice-select .option.focus,
.fz-5-footer-section .quick-search .nice-select .option.selected.focus {
  background: rgba(255, 255, 255, 0.1);
}

.fz-5-footer-section .fz-footer-top {
  padding: 60px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 991px) {
  .fz-5-footer-section .fz-footer-top {
    padding: 40px 0;
  }
}

.fz-5-footer-section .fz-footer-logo {
  max-width: 150px;
  margin-bottom: 50px;
}


@media screen and (max-width: 991px) {
  .fz-5-footer-section .fz-footer-logo {
    max-width: 100px;
    margin-bottom: 25px;
  }
}

.fz-5-footer-section .fz-footer-info li {
  color: var(--clr-gray-3);
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-info li {
    padding: 10px 0;
  }
}

.fz-5-footer-section .fz-footer-info li:first-child {
  padding-top: 0;
}

.fz-5-footer-section .fz-footer-info li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: -2px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-info li:last-child {
    margin-bottom: -3px;
  }
}

.fz-5-footer-section .fz-footer-info li .icon {
  display: block;
  width: 40px;
  font-size: 18px;
  line-height: 1;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-info li .icon {
    width: 30px;
    font-size: 16px;
  }
}

.fz-5-footer-section .fz-footer-info li .txt {
  width: calc(100% - 40px);
  font-size: 16px;
  line-height: 26px;
  margin-top: -6px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-info li .txt {
    font-size: 14px;
    line-height: 24px;
    margin-top: -5px;
  }
}

.fz-5-footer-section .fz-footer-widget__title {
  font-size: 22px;
  line-height: 1;
  color: #ffffff;
  margin-top: -1px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-widget__title {
    font-size: 18px;
    margin-bottom: 17px;
  }
}

.fz-5-footer-section .fz-footer-widget li {
  font-size: 16px;
  line-height: 26px;
  color: var(--clr-gray-3);
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-widget li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 7px;
  }
}

.fz-5-footer-section .fz-footer-widget li:last-child {
  margin-bottom: -8px;
}

.fz-5-footer-section .fz-footer-widget li a:hover {
  color: #CC0C0C;
}

.fz-5-footer-section .fz-footer-widget .footer-social li {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-widget .footer-social li {
    font-size: 16px;
  }
}

.fz-5-footer-section .fz-footer-subscribe {
  color: var(--clr-gray-3);
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-subscribe {
    margin-bottom: 20px;
  }
}

.fz-5-footer-section .fz-footer-subscribe-txt {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-subscribe-txt {
    font-size: 14px;
    line-height: 24px;
  }
}

.fz-5-footer-section .fz-footer-subscribe-form input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 25px;
  color: #ffffff;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-subscribe-form input {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-subscribe-form .fz-5-def-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
  }
}

.fz-5-footer-section .fz-footer-bottom {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--clr-gray-3);
  padding: 20px 0;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-bottom .fz-copyright {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-footer-section .fz-footer-bottom .fz-copyright {
    text-align: center;
    font-size: 14px;
    line-height: 1;
  }
}

.fz-5-footer-section .fz-footer-bottom a:hover {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-section .fz-footer-bottom a {
    font-size: 14px;
  }
}

.fz-5-footer-row {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-row {
    gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-5-footer-row {
    gap: 30px;
  }
}

.fz-5-footer-row .fz-5-footer-col {
  width: calc(20% - 19.2px);
}

@media screen and (max-width: 1199px) {
  .fz-5-footer-row .fz-5-footer-col {
    width: calc(20% - 16px);
  }
}

@media screen and (max-width: 991px) {
  .fz-5-footer-row .fz-5-footer-col {
    width: calc(33.3333333333% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .fz-5-footer-row .fz-5-footer-col {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 575px) {
  .fz-5-footer-row .fz-5-footer-col {
    width: 100%;
  }
}

.fz-5-footer-section {
  overflow: hidden;
}

.fz-6-footer {
  background: url(../images/footer-bg.jpg) no-repeat center center;
  background-size: cover;
  color: #ffffff;
}

.fz-6-footer-header {
  padding: 20px 0;
  background-color: #e7f4f5;
}

@media screen and (max-width: 991px) {
  .fz-6-footer-header {
    padding: 25px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-6-footer-header .fz-3-footer-socials {
    margin-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-footer-header .fz-3-footer-socials ul {
    gap: 10px;
  }
}

.fz-6-footer-header .fz-3-footer-socials a {
  color: #4D4D4D;
}

.fz-6-footer-header .fz-3-footer-socials a:hover {
  color: #ffffff;
}

.fz-6-footer-top {
  padding: 80px 0 50px 0;
}

@media screen and (max-width: 991px) {
  .fz-6-footer-top {
    padding: 60px 0 30px 0;
  }
}

.fz-6-footer .fz-3-footer-widget__title {
  font-weight: 600;
  margin-bottom: 35px;
}

@media screen and (max-width: 991px) {
  .fz-6-footer .fz-3-footer-widget__title {
    margin-bottom: 25px;
  }
}

.fz-6-footer .fz-3-footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fz-6-footer .fz-3-footer-widget ul a {
  font-weight: 400;
  font-size: 15px;
}

.fz-6-footer .fz-3-footer-widget ul a:hover {
  color: #05707c;
}

.fz-6-footer-contacts ul a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .fz-6-footer-contacts ul a {
    gap: 10px;
  }
}

.fz-6-footer-contacts ul a:hover i {
  color: #ffffff;
}

.fz-6-footer-contacts ul a i {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #05707c;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #ffffff;
  flex-shrink: 0;
}

@media screen and (max-width: 1199px) {
  .fz-6-footer-contacts ul a i {
    width: 46px;
    height: 46px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-footer-contacts ul a i {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

.fz-6-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding: 15px 0;
}

.fz-7-footer {
  background: #ffffff;
}

.fz-7-footer-header {
  padding: 60px 0;
  background-color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-7-footer-header {
    padding: 30px 0;
  }
}

.fz-7-footer-socials ul {
  justify-content: flex-start;
}

@media screen and (max-width: 1199px) {
  .fz-7-footer-socials ul {
    gap: 10px;
  }
}

@media screen and (max-width: 575px) {
  .fz-7-footer-socials ul {
    justify-content: center;
  }
}

.fz-7-footer-top {
  border-block: 1px solid #ECECEC;
}

@media screen and (max-width: 1199px) {
  .fz-7-footer-top {
    padding: 60px 0;
  }
}

.fz-7-footer .fz-3-footer-widget__title {
  font-size: 18px;
  color: #191919;
}

@media screen and (max-width: 1199px) {
  .fz-7-footer .fz-3-footer-widget__title {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-footer .fz-3-footer-widget ul {
    gap: 15px;
  }
}

.fz-7-footer .fz-3-footer-widget ul a {
  font-size: 16px;
  color: #191919;
}

@media screen and (max-width: 575px) {
  .fz-7-footer .fz-3-footer-socials {
    margin-top: 0;
  }
}

.fz-7-footer-bottom {
  padding: 30px 0;
}

.fz-7-footer-bottom .fz-3-copyright {
  color: #333333;
}

.fz-8-footer {
  background: #191919;
  font-family: "Kanit", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}

.fz-8-footer .fz-footer-top {
  padding: 150px 0 100px;
}

@media screen and (max-width: 1399px) {
  .fz-8-footer .fz-footer-top {
    padding: 100px 0 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-footer .fz-footer-top {
    padding: 60px 0;
  }
}

.fz-8-footer .fz-footer-top-row {
  --bs-gutter-x: 80px;
}

@media screen and (max-width: 1399px) {
  .fz-8-footer .fz-footer-top-row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fz-8-footer .fz-footer-top-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
}

.fz-8-footer .fz-footer-about__txt {
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Kanit", sans-serif;
}

.fz-8-footer .fz-footer-widget__title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 27px;
}

.fz-8-footer .fz-footer-widget ul li:not(:last-child) {
  margin-bottom: 14px;
}

.fz-8-footer .fz-footer-subscribe-form {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.19);
}

.fz-8-footer .fz-footer-subscribe-form input {
  height: 45px;
  width: 100%;
  color: #ffffff;
}

.fz-8-footer .fz-footer-subscribe-form button {
  color: #ffffff;
}

.fz-8-footer .fz-footer-bottom {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.19);
}

.fz-8-footer-socials {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .fz-8-footer-socials {
    margin-top: 30px;
  }
}

.fz-8-footer-socials ul {
  justify-content: flex-start;
}

.fz-8-footer-socials ul a {
  line-height: 39px;
}

/* INDEX-9 FOOTER SECTION */
.fz-9-footer-section {
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
  width: auto;
  padding: 15px 0 0;
}

.fz-9-footer-section .fz-9-footer-top {
  padding: 100px 0;
}

@media screen and (max-width: 991px) {
  .fz-9-footer-section .fz-9-footer-top {
    padding: 60px 0 40px;
  }
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer__contact-info ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 479px) {
  .fz-9-footer-section .fz-9-footer-top .fz-9-footer__contact-info ul {
    gap: 10px;
  }
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer__contact-info a {
  display: block;
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer__contact-info a i {
  margin-right: 10px;
  font-size: 18px;
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer-widget__title {
  font-size: 24px;
  font-weight: 600;
  color: #253B70;
  margin-bottom: 20px;
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer-widget ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer-widget ul li a {
  color: #253B70;
  font-size: 17px;
}

.fz-9-footer-section .fz-9-footer-top .fz-9-footer-widget ul li a:hover {
  color: #05707c;
}

.fz-9-footer-section .fz-9-footer-widget .fz-9-footer-socials {
  display: inline-block;
  margin-top: 40px;
}

.fz-9-footer-section .fz-9-footer-widget .fz-9-footer-socials a {
  line-height: 1;
  color: rgba(37, 59, 112, 0.6);
  font-size: 16px;
  background-color: transparent;
  border: 1px solid rgba(37, 59, 112, 0.6);
  border-radius: 30px;
  padding: 6px 0;
  height: 30px;
  width: 30px;
  text-align: center;
  transition: 0.4s;
  margin: 0 3px;
}

.fz-9-footer-section .fz-9-footer-widget .fz-9-footer-socials a:hover {
  color: #253B70;
}

.fz-9-footer-section .fz-9-footer-subscribe-txt {
  margin-bottom: 20px;
}

.fz-9-footer-section .fz-9-footer-subscribe-form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.fz-9-footer-section .fz-9-footer-subscribe-form-input {
  width: 100%;
  color: #253B70;
  background: #fff;
  padding: 12px 12px;
}

@media screen and (max-width: 479px) {
  .fz-9-footer-section .fz-9-footer-subscribe-form-input {
    padding: 7px 12px;
  }
}

.fz-9-footer-section .fz-9-footer-subscribe-form-input .fz-9-footer-subs-icon {
  position: absolute;
  right: 15px;
}

.fz-9-footer-section .fz-9-footer-subscribe-form-input input {
  padding-right: 25px;
  width: 100%;
  color: #253B70;
}

.fz-9-footer-section .fz-9-footer-subscribe-form .fz-9-footer-subs-btn {
  width: 100%;
  background-color: #D6BB6C;
  color: #000;
  text-transform: capitalize;
  padding: 12px 0;
  border: 1px solid #D6BB6C;
  font-weight: 500;
}

@media screen and (max-width: 479px) {
  .fz-9-footer-section .fz-9-footer-subscribe-form .fz-9-footer-subs-btn {
    padding: 8.5px 0;
    font-size: 14px;
  }
}

.fz-9-footer-section .fz-9-footer-subscribe-form .fz-9-footer-subs-btn:hover {
  background-color: #222222;
  color: #ffffff;
}

.fz-9-footer-section .fz-9-footer-subscribe-form .fz-9-footer-subs-btn i {
  margin-left: 10px;
}

.fz-9-footer-section .fz-9-footer-bottom {
  padding: 20px 0;
}

.fz-9-footer-section .fz-9-footer-bottom .fz-9-copyright {
  font-size: 18px;
  color: #253B70;
  margin-bottom: 0;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .fz-9-footer-section .fz-9-footer-bottom .fz-9-copyright {
    text-align: center;
  }
}

.fz-10-footer {
  background-color: #e7f4f5 !important;
  overflow: hidden;
}

@media screen and (max-width: 1399px) {
  .fz-10-footer .fz-footer-top {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-footer .fz-footer-top {
    padding: 60px 0;
  }
}

.fz-11-footer {
  font-family: "Oswald", sans-serif;
  margin-top: 200px;
  background-color: black;
}

@media screen and (max-width: 1199px) {
  .fz-11-footer {
    margin-top: 170px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-footer {
    margin-top: 150px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-footer {
    margin-top: 130px;
  }
}

.fz-11-footer .fz-11-footer-logo {
  background-color: #e7f4f5;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 60px 0;
  position: absolute;
  top: -110px;
  left: 50%;
  translate: -50% 0;
}

@media screen and (max-width: 1599px) {
  .fz-11-footer .fz-11-footer-logo {
    padding: 50px 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-footer .fz-11-footer-logo {
    top: -90px;
    padding: 40px 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-footer .fz-11-footer-logo {
    top: -65px;
    padding: 30px;
  }
}

.fz-11-footer .fz-11-footer-logo-container .owl-item img {
  margin: auto;
}

.fz-11-footer .fz-11-footer-top {
  padding-top: 190px;
  background-color: black;
  padding-bottom: 0;
  padding: 190px 150px 0;
}

@media screen and (max-width: 1599px) {
  .fz-11-footer .fz-11-footer-top {
    padding: 150px 60px 0;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-footer .fz-11-footer-top {
    padding: 140px 60px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-11-footer .fz-11-footer-top {
    padding: 120px 30px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-footer .fz-11-footer-top {
    padding: 140px 20px 0;
  }
}

.fz-11-footer .fz-11-footer-widget {
  color: white;
  font-weight: 400;
  font-family: "Nunito", sans-serif;
}

.fz-11-footer .fz-11-footer-widget__title {
  font-size: 24px;
  font-weight: 400;
  color: white;
}

.fz-11-footer .fz-11-footer-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Nunito", sans-serif;
}

@media screen and (max-width: 991px) {
  .fz-11-footer .fz-11-footer-list {
    margin-top: 20px;
  }
}

.fz-11-footer .fz-11-footer-subscribe-form-input {
  background-color: white;
}

.fz-11-footer .fz-11-footer-subs-btn {
  width: 100%;
  background-color: #222222;
  color: #ffffff;
  text-transform: capitalize;
  padding: 12px 0;
  border: 1px solid #222222;
  font-family: "Nunito", sans-serif;
}

.fz-11-footer .fz-11-footer-subs-btn:hover {
  background-color: #d6bb6c;
  color: #222222;
}

.fz-11-footer .fz-11-footer-subs-btn i {
  margin-left: 10px;
}

.fz-11-footer .fz-11-footer-icon {
  border: 1px solid white;
  font-size: 14px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.fz-11-footer .fz-11-footer-bottom {
  background-color: black;
  color: white;
  padding-bottom: 40px;
}

.fz-11-footer .fz-11-footer-border {
  margin: 50px 150px;
}

@media screen and (max-width: 1399px) {
  .fz-11-footer .fz-11-footer-border {
    margin: 40px 150px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-footer .fz-11-footer-border {
    margin: 20px 20px 30px;
  }
}

.fz-11-footer .fz-11-footer-copyright {
  font-size: 16px;
  font-weight: "Nunito", sans-serif;
}

.fz-11-footer .fz-11-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 25px;
}

@media screen and (max-width: 991px) {
  .fz-11-footer .fz-11-bottom-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.fz-11-footer .marquee-content {
  display: flex;
  animation: scrolling 10s linear infinite;
}

.fz-11-footer .marquee-item {
  flex: 0 0 16vw;
  margin: 0 1vw;
}

.fz-11-footer .marquee-item img {
  display: block;
  width: 100%;
  /*   padding: 0 20px; */
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translatex(-144vw);
  }
}

.fz-12-footer {
  background-color: #ffffff;
  color: #000000;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

.fz-12-footer .fz-footer-top-row {
  --bs-gutter-x: 50px;
}

@media screen and (max-width: 1199px) {
  .fz-12-footer .fz-footer-about {
    width: 50%;
    text-align: center;
    margin-inline: auto;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-footer .fz-footer-about {
    width: 100%;
    text-align: left;
  }
}

.fz-12-footer .fz-footer-about__txt {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Nunito", sans-serif;
  margin-bottom: 20px;
}

.fz-12-footer .fz-footer-subscribe-form {
  border-color: rgba(0, 0, 0, 0.19);
}

.fz-12-footer .fz-footer-subscribe-form button {
  color: #000000;
}

.fz-12-footer .fz-footer-widget__title {
  color: #000000;
  text-transform: capitalize;
}

.fz-12-footer .fz-footer-bottom {
  border-color: #EEEEEE;
}

@media screen and (max-width: 1199px) {
  .fz-12-footer .fz-8-footer-socials ul {
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-footer .fz-8-footer-socials ul {
    justify-content: flex-start;
  }
}

.fz-12-footer .fz-8-footer-socials ul a {
  line-height: 40px;
}

.fz-6-sub-banners {
  padding-bottom: 120px;
  background-color: #ffffff;
}

@media screen and (max-width: 1399px) {
  .fz-6-sub-banners {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banners {
    padding-bottom: 60px;
  }
}

.fz-6-sub-banner {
  display: flex;
  align-items: center;
  background-color: #e7f4f5;
  padding: 40px 30px;
  gap: 80px;
  justify-content: space-between;
}

@media screen and (max-width: 1599px) {
  .fz-6-sub-banner {
    gap: 70px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner {
    padding: 30px;
    gap: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-sub-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-sub-banner {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-sub-banner {
    flex-direction: column;
  }
}

.fz-6-sub-banner-sub-title {
  font-size: 20px;
  font-weight: 700;
  color: #2B2C34;
  position: relative;
  padding-left: 80px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-sub-title {
    font-size: 18px;
    padding-left: 40px;
  }
}

.fz-6-sub-banner-sub-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  height: 4px;
  width: 66px;
  background-color: #fb2f29;
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-sub-title::before {
    width: 30px;
  }
}

.fz-6-sub-banner-title {
  font-size: 30px;
  font-weight: 700;
  color: #2B2C34;
  margin-bottom: 21px;
}

@media screen and (max-width: 1399px) {
  .fz-6-sub-banner-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-sub-banner-title {
    font-size: 24px;
  }
}

.fz-6-sub-banner-btn {
  padding: 0 28px;
  height: 45px;
  color: #2B2C34;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #6D6D6D;
  border-radius: 5px;
}

.fz-6-sub-banner-btn:hover {
  background-color: #6D6D6D;
  color: #ffffff;
}

.fz-6-sub-banner-img {
  flex-shrink: 0;
}

@media screen and (max-width: 991px) {
  .fz-6-sub-banner-img {
    align-self: flex-end;
  }
}

@media screen and (max-width: 1399px) {
  .fz-6-sub-banner-img img {
    max-width: 150px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-img img {
    max-width: 130px;
  }
}

.fz-6-sub-banner-1 {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  background: url(../images/fz-6-sub-banner-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 1599px) {
  .fz-6-sub-banner-1 {
    gap: 10px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-1 {
    flex-direction: row;
  }

  .fz-6-sub-banner-1>* {
    width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .fz-6-sub-banner-1 {
    flex-direction: column;
  }

  .fz-6-sub-banner-1>* {
    width: 100%;
  }
}

.fz-6-sub-banner-1 .fz-6-sub-banner-txt {
  padding: 0 40px;
  padding-top: 90px;
}

@media screen and (max-width: 1399px) {
  .fz-6-sub-banner-1 .fz-6-sub-banner-txt {
    padding-top: 70px;
  }
}

@media screen and (max-width: 991px) {
  .fz-6-sub-banner-1 .fz-6-sub-banner-txt {
    padding: 40px;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-sub-banner-1 .fz-6-sub-banner-txt {
    padding: 30px;
    padding-right: 0;
  }
}

.fz-6-sub-banner-1 .fz-6-sub-banner-img {
  align-self: flex-end;
}

@media screen and (max-width: 1399px) {
  .fz-6-sub-banner-1 .fz-6-sub-banner-img img {
    max-width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner-right-col {
    display: flex;
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .fz-6-sub-banner-right-col {
    flex-direction: column;
  }
}

@media screen and (max-width: 1199px) {
  .fz-6-sub-banner.mb-30 {
    margin-bottom: 0;
  }
}

.fz-7-sub-banner {
  padding: 0;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .fz-7-sub-banner {
    flex-direction: row;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-sub-banner {
    flex-direction: column;
  }
}

.fz-7-sub-banner .fz-6-sub-banner-txt {
  padding: 68px 90px;
  padding-right: 0;
  width: 50%;
}

@media screen and (max-width: 1399px) {
  .fz-7-sub-banner .fz-6-sub-banner-txt {
    padding: 68px 60px;
    padding-right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-sub-banner .fz-6-sub-banner-txt {
    padding: 48px 40px;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-sub-banner .fz-6-sub-banner-txt {
    width: 60%;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-sub-banner .fz-6-sub-banner-txt {
    width: 100%;
    padding: 33px 30px;
    padding-bottom: 0;
  }
}

.fz-7-sub-banner .fz-6-sub-banner-title {
  font-size: 30px;
  font-weight: 700;
  color: #2B2C34;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .fz-7-sub-banner .fz-6-sub-banner-title {
    font-size: 27px;
  }
}

.fz-7-sub-banner-price {
  font-size: 20px;
  font-weight: 600;
  color: #FB2F29;
  margin-bottom: 21px;
}

.fz-7-sub-banner .fz-6-sub-banner-img {
  max-width: 50%;
  max-height: 320px;
}

@media screen and (max-width: 1199px) {
  .fz-7-sub-banner .fz-6-sub-banner-img {
    max-height: 280px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-sub-banner .fz-6-sub-banner-img {
    max-width: 85%;
  }
}

@media screen and (max-width: 1399px) {
  .fz-7-sub-banner .fz-6-sub-banner-img img {
    max-width: 100%;
  }
}

.bootstrap-custom-col {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

.fz-9-sub-banner-section {
  padding-bottom: 120px;
  overflow: hidden;
}

@media screen and (max-width: 1399px) {
  .fz-9-sub-banner-section {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-sub-banner-section {
    padding-bottom: 60px;
  }
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: auto;
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content {
  width: 50%;
  padding: 60px 0 70px 70px;
}

@media screen and (max-width: 1399px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content {
    padding: 50px 0 60px 50px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content {
    padding: 40px 0 50px 40px;
    width: 65%;
  }
}

@media screen and (max-width: 479px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content {
    padding: 25px;
    padding-bottom: 30px;
    width: 100%;
  }
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .title {
  color: #253B70;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 1199px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .title {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .title {
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .title {
    font-size: 25px;
  }
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .subtitle {
  color: #4BC8C8;
  font-size: 20px;
  font-weight: 500;
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .subtitle span {
  font-size: 27px;
  color: #FF7C7C;
  font-weight: 600;
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn {
  margin-top: 20px;
  position: relative;
  background: #ffffff;
  color: #253B70;
  padding: 15px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  transition: 0.4s;
}

@media screen and (max-width: 1399px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn {
    padding: 12px 30px;
  }
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn:hover {
  background-color: #FF7C7C;
  color: #ffffff;
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn:hover::before {
  border: 1px dashed #ffffff;
}

.fz-9-sub-banner-section .fz-9-sub-banner-thumb .fz-9-sub-banner-content .fz-9-btn:before {
  transition: 0.4s;
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border: 1px dashed #253B70;
}

@media screen and (min-width: 1400px) {
  .fz-12-sub-banner>.container {
    max-width: 100%;
  }
}

.fz-12-sub-banner-area,
.fz-12-sub-banner-area * {
  height: 100%;
}

@media screen and (max-width: 991px) {
  .fz-12-sub-banner-area a {
    width: 100%;
  }
}

.fz-12-sub-banner-area img {
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .fz-12-sub-banner-area img {
    height: 500px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-sub-banner-area img {
    height: 400px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-sub-banner-area img {
    height: 300px;
  }
}

.fz-12-sub-banner-card img {
  width: 100%;
  height: 100%;
}

.fz-12-sub-banner-card-txt {
  padding: 80px;
}

@media screen and (max-width: 1399px) {
  .fz-12-sub-banner-card-txt {
    padding: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-sub-banner-card-txt {
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-sub-banner-card-txt {
    padding: 25px;
  }
}

.fz-12-sub-banner-card-sub-title {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 8px;
}

@media screen and (max-width: 1199px) {
  .fz-12-sub-banner-card-sub-title {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-sub-banner-card-sub-title {
    margin-bottom: 0;
  }
}

.fz-12-sub-banner-card-title {
  font-size: 50px;
  font-weight: 600;
  color: #191919;
  margin-bottom: 25px;
  line-height: 1.2;
}

@media screen and (max-width: 1399px) {
  .fz-12-sub-banner-card-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-12-sub-banner-card-title {
    font-size: 35px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-12-sub-banner-card-title {
    font-size: 32px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) {
  .fz-12-sub-banner-card-title {
    font-size: 30px;
  }
}

.fz-12-sub-banner-card a {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #010108;
}

.fz-12-sub-banner-card a:hover {
  color: #DBC996;
  border-color: #DBC996;
}

.fz-7-brands {
  padding-bottom: 120px;
}

@media screen and (max-width: 1399px) {
  .fz-7-brands {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-brands {
    padding-bottom: 60px;
  }
}

.fz-7-brands-bg {
  background-color: #e7f4f5;
  padding: 80px 90px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .fz-7-brands-bg {
    padding: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-brands-bg {
    padding: 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-brands-bg {
    padding: 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-brands-bg {
    padding: 20px;
  }
}

.fz-7-brands-heading {
  border: 5px solid #C7C7C7;
  padding: 50px 45px;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}

@media screen and (max-width: 1199px) {
  .fz-7-brands-heading {
    padding: 40px 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-brands-heading {
    padding: 30px 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-brands-heading {
    padding: 15px;
  }
}

.fz-7-brands-title {
  width: 90%;
  margin-bottom: 87px;
}

@media screen and (max-width: 1199px) {
  .fz-7-brands-title {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-brands-title {
    margin-bottom: 17px;
  }
}

.fz-7-brands-row {
  margin-top: -115px;
  margin-left: 50px;
  padding: 65px;
  background-color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .fz-7-brands-row {
    margin-top: -65px;
    padding: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-brands-row {
    padding: 30px 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-brands-row {
    margin-top: -45px;
    padding: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-brands-row {
    padding: 10px 15px;
    margin-left: 0;
    margin-top: -30px;
  }
}

.fz-8-brands {
  background-color: #e7f4f5;
}

@media screen and (max-width: 1399px) {
  .fz-8-brands.py-120 {
    padding: 70px 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-brands.py-120 {
    padding: 40px 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-8-brands.py-120 {
    padding: 30px 0;
  }
}

.fz-8-brands a {
  vertical-align: top;
}

.fz-9-brands-section {
  background-color: #fff;
  padding: 100px 0;
}

@media screen and (max-width: 1399px) {
  .fz-9-brands-section {
    padding: 60px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-brands-section {
    padding: 40px 0;
  }
}

.fz-9-brands-section .fz-9-brand-items {
  text-align: center;
}

.fz-9-brands-row a {
  display: block;
}

.fz-9-brands-row a img {
  margin: auto;
}

.fz-10-brands-row {
  padding-top: 100px;
}

@media screen and (max-width: 1399px) {
  .fz-10-brands-row {
    padding-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-brands-row {
    padding-top: 40px;
  }
}

.fz-6-flash {
  background: url(../images/fz-6-flash-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 80px 0;
}

@media screen and (max-width: 991px) {
  .fz-6-flash {
    padding: 60px 0;
  }
}

.fz-6-flash-sale-sub-title {
  font-size: 20px;
  font-weight: 400;
  color: #2B2C34;
}

.fz-6-flash-sale-title .colored {
  color: #fb2f29;
}

.fz-6-flash-countdown .syotimer__body {
  display: flex;
  gap: 12px;
  margin-bottom: 60px;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .fz-6-flash-countdown .syotimer__body {
    margin-bottom: 40px;
  }
}

.fz-6-flash-countdown .syotimer-cell {
  background-color: #fb2f29;
  border-radius: 5px;
  flex: 80px 0 0;
  color: #ffffff;
  padding: 8px 0;
}

.fz-6-flash-countdown .syotimer-cell__value {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2px;
}

.fz-6-flash-countdown .syotimer-cell__unit {
  font-size: 14px;
  font-weight: 400;
}

.fz-6-flash .fz-6-sub-banner-btn {
  border-color: #fb2f29;
  color: #fb2f29;
  transition: 0.4s ease;
}

.fz-6-flash .fz-6-sub-banner-btn:hover {
  background-color: #fb2f29;
  color: #ffffff;
}

@media screen and (max-width: 1399px) {
  .fz-7-flash.pb-120 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-flash.pb-120 {
    padding-bottom: 60px;
  }
}

.fz-7-flash-bg {
  background: url(../images/fz-7-flash-bg.png) no-repeat bottom right;
  background-size: contain;
  background-color: #e7f4f5;
  padding: 80px 125px;
}

@media screen and (max-width: 1399px) {
  .fz-7-flash-bg {
    padding: 80px 85px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-7-flash-bg {
    padding: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-flash-bg {
    padding: 45px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-flash-bg {
    padding: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-flash-bg {
    padding: 25px 20px;
  }
}

.fz-7-flash-title {
  font-size: 50px;
  color: #2B2C34;
}

@media screen and (max-width: 1199px) {
  .fz-7-flash-title {
    font-size: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-7-flash-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-flash-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-flash-title {
    font-size: 30px;
  }
}

.fz-7-flash-descr {
  margin-bottom: 39px;
  width: 75%;
}

@media screen and (max-width: 1199px) {
  .fz-7-flash-descr {
    margin-bottom: 25px;
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-flash-descr {
    margin-bottom: 20px;
    width: 100%;
  }
}

.fz-7-flash-countdown .syotimer-cell {
  padding: 0;
  background: none;
  color: #2B2C34;
}

.fz-7-flash-countdown .syotimer-cell__value {
  font-size: 40px;
  margin-bottom: 2px;
}

@media screen and (max-width: 1199px) {
  .fz-7-flash-countdown .syotimer-cell__value {
    font-size: 35px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-7-flash-countdown .syotimer-cell__value {
    font-size: 32px;
  }
}

.fz-7-flash-countdown .syotimer-cell__unit {
  font-size: 20px;
  text-transform: capitalize;
}

.fz-7-flash-countdown .syotimer__body {
  justify-content: flex-start;
  margin-bottom: 30px;
}

.fz-7-flash-img {
  position: relative;
  text-align: end;
}

.fz-7-flash-img img {
  width: 500px;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.fz-7-flash-tag {
  width: 140px;
  height: 140px;
  background-color: #FC2E6B;
  border-radius: 50%;
  text-align: center;
  font-size: 42px;
  color: #fff;
  line-height: 150px;
  position: absolute;
  right: 90px;
  top: -5px;
}

@media screen and (max-width: 575px) {
  .fz-7-flash-tag {
    width: 130px;
    height: 130px;
    line-height: 140px;
    font-size: 37px;
  }
}

@media screen and (max-width: 479px) {
  .fz-7-flash-tag {
    width: 90px;
    height: 90px;
    line-height: 100px;
    font-size: 26px;
  }
}

.fz-8-flash-img {
  display: flex;
  justify-content: flex-end;
}

.fz-8-flash-img img {
  max-width: none;
}

@media screen and (max-width: 1399px) {
  .fz-8-flash-img img {
    max-width: 655px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-flash-img img {
    max-width: 585px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-flash-img img {
    max-width: 100%;
  }
}

.fz-8-flash-txt {
  padding: 100px;
}

@media screen and (max-width: 1599px) {
  .fz-8-flash-txt {
    padding: 80px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-8-flash-txt {
    padding: 50px 60px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-flash-txt {
    padding: 30px 40px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-flash-txt {
    text-align: center;
    padding: 60px 40px;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-flash-txt {
    padding: 60px 0;
  }
}

.fz-8-flash-title {
  font-weight: 600;
}

.fz-8-flash-descr {
  font-family: "Kanit", sans-serif;
  color: #4D4D4D;
  font-weight: 400;
  margin-bottom: 53px;
}

@media screen and (max-width: 1599px) {
  .fz-8-flash-descr {
    margin-bottom: 33px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-flash-descr {
    margin-bottom: 23px;
  }
}

.fz-8-flash-countdown .syotimer__body {
  text-align: center;
  gap: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-8-flash-countdown .syotimer__body {
    gap: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-8-flash-countdown .syotimer__body {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 991px) {
  .fz-8-flash-countdown .syotimer__body {
    justify-content: center;
  }
}

@media screen and (max-width: 575px) {
  .fz-8-flash-countdown .syotimer__body {
    gap: 15px;
  }
}

.fz-8-flash-countdown .syotimer-cell__value {
  border: 0.5px dashed #dfdfdf;
  font-weight: 400;
  font-size: 50px;
  padding-top: 7px;
}

@media screen and (max-width: 1199px) {
  .fz-8-flash-countdown .syotimer-cell__value {
    font-size: 45px;
    padding-top: 6px;
  }
}

.fz-8-flash-countdown .syotimer-cell__unit {
  font-family: "Kanit", sans-serif;
  color: #191919;
}

.fz-8-flash-btn {
  background-color: #DBC996;
  color: #ffffff;
  opacity: 1;
  position: static;
  scale: 1;
  pointer-events: auto;
  text-transform: uppercase;
}

.fz-9-flash-sale-sction {
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  background-size: cover;
  width: auto;
  padding: 120px 0;
  background-color: #fff;
}

@media screen and (max-width: 1399px) {
  .fz-9-flash-sale-sction {
    padding: 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction {
    padding: 60px 0;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area {
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  background-size: cover;
  width: auto;
  padding: 110px 100px 110px 130px;
}

@media screen and (max-width: 1399px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area {
    padding: 110px 100px 110px 110px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area {
    padding: 90px 80px 90px 90px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area {
    padding: 45px;
  }
}

@media screen and (max-width: 479px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area {
    padding: 25px;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .subtitle {
  color: #FF7C7C;
  font-size: 20px;
  font-weight: 600;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title {
  font-size: 60px;
  font-weight: 700;
  color: #253B70;
}

@media screen and (max-width: 1599px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title {
    font-size: 55px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title {
    font-size: 50px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title {
    font-size: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title {
    font-size: 35px;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .title span {
  color: #FF7C7C;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-content .description {
  font-size: 16px;
  color: #253B70;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer {
  margin-top: 40px;
  margin-left: -6px;
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer {
    margin-top: 25px;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer__body {
  display: inline-flex;
  flex-wrap: wrap;
  row-gap: 16px;
}

@media screen and (max-width: 575px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer__body {
    row-gap: 12px;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer-cell {
  padding: 6px 20px;
  text-align: center;
  border: 1px dashed;
  margin: 0 8px;
  border-radius: 4px;
}

@media screen and (max-width: 575px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer-cell {
    padding: 6px 16px;
    margin: 0 6px;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer-cell .syotimer-cell__value {
  font-size: 30px;
  font-weight: 600;
  color: #253B70;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-timer .syotimer-cell .syotimer-cell__unit {
  font-size: 16px;
  color: #253B70;
  text-transform: capitalize;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-btn {
  margin-top: 10px;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-btn .fz-9-btn {
  margin-top: 20px;
  position: relative;
  background: #FF7C7C;
  color: #ffffff;
  padding: 15px 45px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  transition: 0.4s;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-btn .fz-9-btn:hover {
  background-color: #253B70;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-flash-content-area .fz-9-flash-sale-btn .fz-9-btn:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  bottom: 6px;
  right: 6px;
  border: 1px dashed #ffffff;
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area {
  position: relative;
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area {
    margin-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area>* {
    text-align: center;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area .fz-9-flash-img1 img {
  height: 100%;
  width: auto;
  border: 6px solid #fff;
  transform: rotate(8deg);
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area .fz-9-flash-img2 {
  position: absolute;
  top: 186px;
  left: 80px;
}

@media screen and (max-width: 991px) {
  .fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area .fz-9-flash-img2 {
    position: static;
  }
}

.fz-9-flash-sale-sction .fz-9-falsh-banner-area .fz-9-falsh-img-area .fz-9-flash-img2 img {
  height: 100%;
  width: auto;
  border: 6px solid #fff;
  transform: rotate(347deg);
}

.fz-10-flash {
  background: #e7f4f5;
}

@media screen and (min-width: 1400px) {
  .fz-10-flash>.container {
    max-width: 1920px;
  }
}

.fz-10-flash .fz-10-flash-txt {
  text-align: center;
  padding: 65px 0;
}

@media screen and (max-width: 991px) {
  .fz-10-flash .fz-10-flash-txt .fz-10-flash-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-10-flash .fz-10-flash-txt {
    padding: 40px 0;
  }
}

.fz-10-flash .fz-10-flash-txt .fz-10-flash-descr {
  margin: auto;
  padding-bottom: 40px;
}

.fz-10-flash .fz-10-flash-txt .fz-10-sub-banner-btn {
  background: #DBC996;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  padding: 13px 28px;
  text-align: center;
  font-family: "Nunito", sans-serif;
  border-radius: 30px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.fz-10-flash .fz-10-flash-txt .fz-10-sub-banner-btn::after {
  content: "";
  position: absolute;
  background-color: #222222;
  border-radius: 30px;
  right: 0;
  width: 0%;
  top: 0;
  height: 100%;
  transition: all 0.4s ease 0.1s;
  z-index: -1;
}

.fz-10-flash .fz-10-flash-txt .fz-10-sub-banner-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.fz-10-flash .fz-10-flash-txt .syotimer__body {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 25px;
  text-transform: uppercase;
  flex-wrap: wrap;
}

.fz-10-flash .fz-10-flash-txt .syotimer__body .syotimer-cell__value {
  font-size: 50px;
  font-weight: 400;
  padding: 0 14px;
  border: 1px dashed #979797;
  font-family: "Playfair Display", serif;
  padding-bottom: 18px;
  line-height: 1;
}

.fz-10-flash .fz-10-flash-txt .syotimer__body .syotimer-cell__unit {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
  margin-top: 10px;
}

.fz-10-flash-title {
  font-size: 60px;
}

.fz-10-flash-iamge {
  display: flex;
  justify-content: end;
}

.fz-10-flash-iamge img {
  max-width: none;
}

@media screen and (max-width: 767px) {
  .fz-10-flash-iamge-2 {
    justify-content: center;
  }
}

.fz-10-flash-iamge-2 img {
  max-width: 100%;
}

.fz-11-flash-sale {
  font-family: "Oswald", sans-serif;
  margin-top: 130px;
}

@media screen and (max-width: 991px) {
  .fz-11-flash-sale {
    margin-top: 60px;
  }
}

.fz-11-flash-sale .fz-11-flash-container {
  width: 100%;
  display: flex;
  gap: 150px;
  background-color: #e7f4f5;
}

@media screen and (max-width: 1599px) {
  .fz-11-flash-sale .fz-11-flash-container {
    gap: 70px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-container {
    gap: 150px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-flash-sale .fz-11-flash-container {
    gap: 100px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-flash-sale .fz-11-flash-container {
    gap: 70px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-flash-sale .fz-11-flash-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
  }
}

.fz-11-flash-sale .fz-11-flash-img-container {
  position: relative;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-img-container {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-flash-sale .fz-11-flash-img-container {
    width: 100%;
  }
}

.fz-11-flash-sale .fz-11-flash-img-container img {
  height: 100%;
}

.fz-11-flash-sale .fz-11-flash-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 116px;
  font-weight: 700;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-overlay {
    font-size: 80px;
  }
}

@media screen and (max-width: 479px) {
  .fz-11-flash-sale .fz-11-flash-overlay {
    font-size: 60px;
  }
}

.fz-11-flash-sale .fz-11-flash-text-container {
  padding: 40px 0;
  align-self: center;
}

@media screen and (max-width: 767px) {
  .fz-11-flash-sale .fz-11-flash-text-container {
    padding: 0;
    text-align: center;
  }
}

.fz-11-flash-sale .fz-11-flash-text-container h3 {
  font-size: 50px;
  color: #1b1b21;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-text-container h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-flash-sale .fz-11-flash-text-container h3 {
    font-size: 35px;
  }
}

.fz-11-flash-sale .fz-11-flash-description {
  font-size: 20px;
  font-family: "Nunito", sans-serif;
  color: #2b2c34;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-11-flash-sale .fz-11-flash-description {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-11-flash-sale .fz-11-flash-description {
    padding-top: 30px;
  }
}

.fz-11-flash-sale .fz-11-flash-timer {
  font-size: 30px;
  display: flex;
  gap: 50px;
}

.fz-11-flash-sale .fz-11-flash-text-container button {
  width: 132px;
  height: 45px;
  border: 1px solid #1b1b21;
  font-weight: 400;
  margin-top: 35px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-text-container button {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-flash-sale .fz-11-flash-text-container button {
    width: 100px;
    height: 40px;
    font-size: 15px;
    margin-top: 20px;
  }
}

.fz-11-flash-sale .fz-11-flash-text-container button:hover {
  background-color: #1b1b21;
  color: white;
}

.fz-11-flash-sale .fz-11-flash-timer-container {
  color: #1b1b21;
  margin-top: 25px;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-timer-container {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-11-flash-sale .fz-11-flash-timer-container {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-11-flash-sale .fz-11-flash-timer-container {
    margin-top: 10px;
  }
}

.fz-11-flash-sale .fz-11-flash-timer-container .fz-11-flash-list-container {
  display: flex;
  gap: 25px;
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-timer-container .fz-11-flash-list-container {
    gap: 10px;
  }
}

@media screen and (max-width: 1399px) {
  .fz-11-flash-sale .fz-11-flash-timer-container .fz-11-flash-list-container {
    font-size: 10px;
  }
}

.fz-11-flash-sale .fz-11-flash-timer-container .fz-11-flash-list {
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
}

.fz-11-flash-sale .fz-11-flash-timer-container h1 {
  font-weight: normal;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}

.fz-11-flash-sale .fz-11-flash-timer-container li {
  display: inline-block;
  list-style-type: none;
  text-transform: uppercase;
}

.fz-11-flash-sale .fz-11-flash-timer-container li span {
  display: block;
  font-size: 30px;
}

.fz-11-flash-countdown .syotimer__body {
  margin-bottom: 0;
  justify-content: flex-start;
  gap: 30px;
}

@media screen and (max-width: 991px) {
  .fz-11-flash-countdown .syotimer__body {
    gap: 20px;
  }
}

.fz-11-flash-countdown .syotimer-cell {
  background: none;
  color: #222;
  padding: 0;
  flex: unset;
  position: relative;
  min-width: 48px;
}

@media screen and (max-width: 991px) {
  .fz-11-flash-countdown .syotimer-cell {
    min-width: 44px;
  }
}

.fz-11-flash-countdown .syotimer-cell:not(:last-child)::before {
  content: ":";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 600;
  position: absolute;
  left: 100%;
  top: 50%;
  translate: 0 -50%;
}

@media screen and (max-width: 767px) {
  .fz-11-flash-countdown .syotimer-cell:not(:last-child)::before {
    left: calc(100% + 7px);
  }
}

.fz-11-flash-countdown .syotimer-cell__value {
  font-weight: 400;
  margin-bottom: 7px;
}

.fz-12-flash .fz-8-flash-img {
  height: 100%;
}

.fz-12-flash .fz-8-flash-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .fz-12-flash .fz-8-flash-txt {
    padding: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-12-flash .fz-8-flash-txt {
    padding: 25px 10px;
  }
}

.fz-12-flash-sub-title {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.fz-12-flash .fz-12-section-title {
  margin-bottom: 11px;
}

.fz-12-flash .fz-12-section-descr {
  margin-bottom: 38px;
}

@media screen and (max-width: 1399px) {
  .fz-12-flash .fz-12-section-descr {
    margin-bottom: 28px;
  }
}

.fz-12-flash-countdown .syotimer__body {
  justify-content: flex-start;
  margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-12-flash-countdown .syotimer__body {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-12-flash-countdown .syotimer__body {
    justify-content: center;
  }
}

.fz-12-flash-countdown .syotimer-cell {
  text-align: center;
  background-color: #F5F5F5;
  color: #010108;
  font-family: "Nunito", sans-serif;
}

.fz-12-flash-countdown .syotimer-cell__value {
  font-size: 30px;
}

.fz-12-flash-countdown .syotimer-cell__unit {
  font-size: 12px;
  text-transform: capitalize;
}

@media screen and (max-width: 1629px) and (min-width: 1400px) {
  .fz-5-category-slider .owl-nav {
    display: none;
  }

  /* .fz-5-cta-section .fz-5-cta-img {
    margin-top: -33px;
  } */

  .fz-5-cta-section.fz-5-cta-section-2 .fz-5-cta-img {
    margin-left: -63px;
  }
}

/*----- SHOP PAGE STYLES STARTS HERE -----*/
.fz-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 150px;
}

.fz-sidebar.fz-sidebar-2 {
  border: 1px solid rgba(34, 34, 34, 0.1);
  padding: 10px;
}

@media screen and (max-width: 991px) {
  .fz-sidebar.fz-sidebar-2 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 220px;
    background: #ffffff;
    transform: translateX(-100%);
    overflow: auto;
    transition: 0.3s;
    z-index: 99;
  }

  .fz-sidebar.fz-sidebar-2.active {
    transform: translate(0);
  }
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area {
  background: transparent;
  padding: 0;
  border: 0;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories.categories {
  line-height: 2;
  max-height: 225px;
  overflow: auto;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories.categories::-webkit-scrollbar {
  width: 3px;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories.categories::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories.categories::-webkit-scrollbar-thumb {
  background: #888;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories.categories::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories a {
  display: block;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories a.has-sub {
  position: relative;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories a.has-sub::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-65%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #606060;
  border-right: 2px solid #606060;
  border-radius: 0 0 3px 0;
  transition: 0.3s;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories a.has-sub.open::after {
  transform: translateY(-40%) rotate(-135deg);
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area .product-categories .product-categories {
  padding-left: 10px;
  display: none;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area.price-filter-area .noUi-connect {
  background-color: #463325;
}

.fz-sidebar.fz-sidebar-2 .sidebar-single-area.price-filter-area .noUi-horizontal .noUi-handle {
  border: 2px solid #463325;
}

.fz-sidebar .sidebar-single-area {

  border: 1px solid #05707c;
  padding: 15px;
  background-color: #e7f4f5;
  border-radius: 5px;
}

.fz-sidebar .sidebar-single-area__title {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  text-transform: capitalize;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .fz-sidebar .sidebar-single-area__title {
    font-size: 18px;
  }
}

.fz-sidebar .sidebar-single-area.product-search-area .fz-product-search-form {
  display: flex;
  border: 1px solid #dfdfdf;
}

.fz-sidebar .sidebar-single-area.product-search-area .fz-product-search-form input {
  height: 45px;
  padding: 0 10px;
  width: 100%;
  background: #fff;
  font-weight: 400;
}

@media screen and (max-width: 575px) {
  .fz-sidebar .sidebar-single-area.product-search-area .fz-product-search-form input {
    height: 40px;
  }
}

.fz-sidebar .sidebar-single-area.product-search-area .fz-product-search-form button {
  padding: 0 10px;
  background: #fff;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories {
  overflow: auto;
  display: grid;
  gap: 10px;
  font-weight: 400;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories::-webkit-scrollbar {
  width: 8px;
  background-color: #d6d6d6;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #5d5d5d;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories a:hover {
  color: #05707c;
}

.fz-sidebar .sidebar-single-area.price-filter-area .noUi-target {
  background: #eaeaea;
  border-radius: 4px;
  height: 4px;
  border: none;
  box-shadow: none;
}

.fz-sidebar .sidebar-single-area.price-filter-area .noUi-connect {
  background-color: #05707c;
}

.fz-sidebar .sidebar-single-area.price-filter-area .noUi-handle::after,
.fz-sidebar .sidebar-single-area.price-filter-area .noUi-handle::before {
  content: none;
}

.fz-sidebar .sidebar-single-area.price-filter-area .noUi-horizontal .noUi-handle {
  height: 12px;
  width: 12px;
  border: 2px solid #05707c;
  border-radius: 50%;
  right: -3px;
  top: -4px;
  cursor: pointer;
}

.fz-sidebar .sidebar-single-area.price-filter-area .price-filter {
  margin-top: 25px;
  flex-wrap: wrap;
  row-gap: 10px;
}

@media screen and (max-width: 1399px) {
  .fz-sidebar .sidebar-single-area.price-filter-area .price-filter {
    justify-content: center;
  }
}

.fz-sidebar .sidebar-single-area.price-filter-area .price-filter .filter-price-btn {
  height: 30px;
  padding: 0 20px;
  border-radius: 3px;
  line-height: 28px;
  font-size: 16px;
  background-color: #222222;
  color: #ffffff;
  border-color: #222222;
}

.fz-sidebar .sidebar-single-area.price-filter-area .price-filter .filter-price-btn:hover {
  background-color: #ffffff;
  color: #222222;
}

.fz-sidebar .sidebar-single-area.price-filter-area .price-filter .filter-price-btn::before {
  content: none;
}

.fz-sidebar .sidebar-single-area.price-filter-area .filtered-price {
  color: #777;
  font-size: 16px;
  font-weight: 500;
}

.fz-sidebar .sidebar-single-area.price-filter-area .filtered-price__title {
  font-family: "Roboto", sans-serif;
  color: #222222;
  text-transform: capitalize;
  margin-right: 5px;
}

.fz-sidebar .sidebar-single-area.price-filter-area .filtered-price__number {
  display: flex;
  gap: 2px;
}

.fz-sidebar .sidebar-single-area.product-tags-area .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fz-sidebar .sidebar-single-area.product-tags-area .tags a {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 400;
}

.fz-sidebar .sidebar-single-area.product-tags-area .tags a:hover {
  background-color: #05707c;
  border-color: #05707c;
  color: #ffffff;
}

.fz-sidebar .sidebar-single-area input[type=checkbox] {
  box-shadow: 0 0;
  border-color: rgba(34, 34, 34, 0.2);
  border-radius: 0;
  border-width: 1px;
  margin-top: 3px;
}

.fz-sidebar .sidebar-single-area input[type=checkbox]:checked {
  background-color: rgba(34, 34, 34, 0.5);
  border-color: rgba(34, 34, 34, 0.5);
}

.fz-sidebar .sidebar-single-area label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.fz-sidebar .sidebar-single-area .frame-shape {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.fz-sidebar .sidebar-single-area .frame-shape .shape-item {
  width: calc(33.3333333333% - 3.4px);
}

.fz-sidebar .sidebar-single-area .frame-shape .shape-item:last-child {
  margin-bottom: 0;
}

.fz-sidebar .sidebar-single-area .frame-shape .shape-item a {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border: 1px solid rgba(34, 34, 34, 0.1);
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.fz-sidebar .sidebar-single-area .frame-shape .shape-item a:hover {
  border-color: #CC0C0C;
}

.fz-sidebar .sidebar-single-area .frame-shape .shape-item .fz-shape-img {
  width: 50px;
}

.fz-sidebar .sidebar-single-area .frame-color {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fz-sidebar .sidebar-single-area .frame-color li {
  width: 16px;
  height: 16px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

.shop-area {
  padding: 100px 0;
}

@media screen and (max-width: 1199px) {
  .shop-area {
    padding: 50px 0;
  }
}

.shop-area .product-view-actions {
  margin-bottom: 35px;
}

.shop-area .product-view-right-actions {
  gap: 10px;
}

.shop-area .view-type {
  display: flex;
  gap: 10px;
}

.shop-area .view-type button {
  width: 40px;
  height: 40px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
}

@media screen and (max-width: 1199px) {
  .shop-area .view-type button {
    width: 35px;
    height: 35px;
  }
}

.shop-area .view-type button.active {
  color: #05707c;
}

.shop-area .product-sorting .nice-select {
  border-radius: 3px;
  height: 40px;
  border: 1px solid #eaeaea;
}

@media screen and (max-width: 1199px) {
  .shop-area .product-sorting .nice-select {
    height: 35px;
    line-height: 35px;
    padding-left: 13px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area .product-sorting .nice-select .list {
    left: auto;
    right: 0;
  }
}

.shop-area .fz-inner-products-container>.row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

@media screen and (max-width: 1399px) {
  .shop-area .fz-inner-products-container>.row {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
}

@media screen and (max-width: 479px) {
  .shop-area .fz-inner-products-container>.row {
    --bs-gutter-y: 20px;
  }
}

.shop-area .fz-inner-products-container .fz-1-single-product {
  margin: 0;
}

@media screen and (max-width: 479px) {
  .shop-area .fz-inner-products-container .fz-1-single-product {
    margin: auto;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area .fz-inner-products-container .fz-1-single-product .fz-single-product__actions button {
    padding: 0 10px;
  }
}

@media screen and (max-width: 991px) {
  .shop-area .fz-inner-products-container .fz-1-single-product .fz-single-product__actions button {
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area .fz-inner-products-container .fz-1-single-product .fz-single-product__actions button .btn-txt {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area .fz-inner-products-container .fz-1-single-product .fz-single-product__actions button .btn-icon {
    padding: 0;
    background-color: transparent;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area .fz-inner-products-container .fz-1-single-product .fz-single-product__actions button:hover {
    background-color: #222222;
    color: #ffffff;
  }
}

.shop-area.shop-area-2 {
  padding-bottom: 0;
}

.shop-area.shop-area-2 .product-view-actions {
  margin-bottom: 0;
}

.shop-area.shop-area-2 .view-type button.active {
  color: #CC0C0C;
}

.shop-area.shop-area-2 .fz-inner-products-container>.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

@media screen and (max-width: 1399px) {
  .shop-area.shop-area-2 .fz-inner-products-container>.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
}

@media screen and (max-width: 1199px) {
  .shop-area.shop-area-2 .fz-inner-products-container>.row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .shop-area.shop-area-2 .fz-inner-products-container>.row {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }
}

.list-view-text {
  display: none;
}

.list-view-on>.row>* {
  width: 100%;
}

.list-view-on .list-view-text {
  display: block;
}

.list-view-on .fz-1-single-product {
  display: flex;
  position: relative;
  width: 100%;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-1-single-product {
    gap: 10px;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__img {
  position: static;
}

.list-view-on .fz-1-single-product .fz-single-product__img img {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  max-width: 280px;
  aspect-ratio: 1;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-1-single-product .fz-single-product__img img {
    max-width: 230px;
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-1-single-product .fz-single-product__img img {
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #f8f8f8;
    max-width: 180px;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-1-single-product .fz-single-product__img img {
    max-width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-1-single-product .fz-single-product__img img {
    max-width: 80px;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__actions {
  position: static;
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
  translate: 0;
  display: none;
}

.list-view-on .fz-1-single-product .fz-single-product__actions.list-view-text {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.list-view-on .fz-1-single-product .fz-single-product__actions button {
  box-shadow: none;
  border: 1px solid #ededed;
  opacity: 1;
  translate: 0;
}

.list-view-on .fz-1-single-product .fz-single-product__txt {
  margin-top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  padding: 25px;
  gap: 0;
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-1-single-product .fz-single-product__txt {
    width: 100%;
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-1-single-product .fz-single-product__txt {
    padding: 10px;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__category {
  color: #777;
  font-weight: 400;
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-1-single-product .fz-single-product__category {
    display: none;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__title {
  font-size: 25px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-1-single-product .fz-single-product__title {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1199px) {
  .list-view-on .fz-1-single-product .fz-single-product__title {
    font-size: 23px;
  }
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-1-single-product .fz-single-product__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-1-single-product .fz-single-product__title {
    font-size: 18px;
    margin-bottom: 0;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__price-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-1-single-product .fz-single-product__price-rating {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-1-single-product .fz-single-product__price-rating {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-1-single-product .fz-single-product__price-rating {
    margin-bottom: 0;
  }
}

.list-view-on .fz-1-single-product .fz-single-product__price-rating .rating {
  color: goldenrod;
  font-size: 12px;
}

.list-view-on .fz-1-single-product .fz-single-product__price {
  font-size: 16px;
}

.list-view-on .fz-1-single-product .fz-single-product__desc {
  margin-bottom: 17px;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .list-view-on .fz-1-single-product .fz-single-product__desc {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-1-single-product .fz-single-product__desc {
    display: none;
  }
}

.list-view-on .fz-5-single-product {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}

.list-view-on .fz-5-single-product-img {
  width: 270px;
  height: 270px;
  padding-top: 0;
  border-right: 1px solid rgba(34, 34, 34, 0.1);
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-5-single-product-img {
    width: 200px;
    height: 200px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-5-single-product-img {
    width: 150px;
    height: 150px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-5-single-product-img {
    width: 130px;
    height: 130px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-5-single-product-img {
    width: 100px;
    min-height: 100px;
    height: 100%;
    padding-bottom: 0;
  }
}

.list-view-on .fz-5-single-product-actions {
  position: static;
  transform: translate(0);
  opacity: 1;
  visibility: visible;
}

.list-view-on .fz-5-single-product-txt {
  width: calc(100% - 270px);
  text-align: left;
  padding: 10px;
}

.list-view-on .fz-5-single-product-txt .color-available {
  justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-5-single-product-txt {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-5-single-product-txt {
    width: calc(100% - 150px);
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-5-single-product-txt {
    width: calc(100% - 130px);
    padding: 5px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-5-single-product-txt {
    width: calc(100% - 100px);
    padding: 5px;
  }
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-5-single-product-title {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-5-single-product-title {
    margin-bottom: 9px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-5-single-product-title {
    margin-bottom: 4px;
  }
}

.list-view-on .fz-5-single-product-dscr {
  display: block;
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-5-single-product-dscr {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-5-single-product-dscr {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-5-single-product .fz-5-discount-badge {
    margin-top: 10px;
  }
}

.list-view-on .fz-5-single-product:hover .fz-5-single-product-actions {
  transform: translate(0);
}

.fz-shop-pagination .page-numbers {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 479px) {
  .fz-shop-pagination .page-numbers {
    justify-content: center;
  }
}

.fz-shop-pagination .page-number-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .fz-shop-pagination .page-number-btn {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

@media screen and (max-width: 991px) {
  .fz-shop-pagination .page-number-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-shop-pagination .page-number-btn {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

.fz-shop-pagination .page-number-btn.current {
  background-color: #05707c;
  border-color: #05707c;
  color: #ffffff;
}

/*----- SHOP PAGE STYLES ENDS HERE -----*/
.fz-product-details {
  padding: 100px 0 60px;
}

@media screen and (max-width: 1199px) {
  .fz-product-details {
    padding: 50px 0;
  }
}

.fz-product-details__img {
  margin-bottom: 20px;
}

.fz-product-details__img img {
  aspect-ratio: 1;
  width: 585px;
  -o-object-fit: cover;
  object-fit: cover;
  filter: contrast(0.9);
}

.fz-product-details__img-nav .slick-list {
  padding: 0;
  margin: 0 -10px;
}

@media screen and (max-width: 991px) {
  .fz-product-details__img-nav .slick-list {
    margin: 0 -5px;
  }
}

.fz-product-details__img-nav img {
  filter: contrast(0.9);
  margin: 0 10px;
  border: 1px solid transparent;
  transition: all 0.4s ease;
}

@media screen and (max-width: 991px) {
  .fz-product-details__img-nav img {
    margin: 0 5px;
  }
}

.fz-product-details__img-nav .slick-current {
  border: 1px solid #05707c;
}

.fz-product-details__txt {
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .fz-product-details__txt {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .fz-product-details__txt {
    padding-top: 20px;
  }
}

.fz-product-details__title {
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 44px;
  color: #05707c;
}

@media screen and (max-width: 1399px) {
  .fz-product-details__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-product-details__title {
    font-size: 25px;
    line-height: 35px;
  }
}

@media screen and (max-width: 991px) {
  .fz-product-details__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__title {
    font-size: 18px;
    line-height: 28px;
  }
}

.fz-product-details__price-rating {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 26px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
  color: #777;
}

@media screen and (max-width: 1399px) {
  .fz-product-details__price-rating {
    font-size: 23px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-product-details__price-rating {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-product-details__price-rating {
    font-size: 18px;
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__price-rating {
    font-size: 16px;
  }
}

.fz-product-details__price-rating .rating {
  color: #FE9602;
  font-size: 15px;
}

.fz-product-details__infos {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-product-details__infos {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .fz-product-details__infos {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__infos {
    font-size: 14px;
  }
}

.fz-product-details__infos li:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .fz-product-details__infos li:not(:last-child) {
    margin-bottom: 5px;
  }
}

.fz-product-details__infos .info-value {
  font-weight: 400;
  color: #777;
}

.fz-product-details__short-descr {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #777;
  margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
  .fz-product-details__short-descr {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__short-descr {
    font-size: 14px;
  }
}

.fz-product-details__actions {
  display: flex;
  align-items: center;
  height: 45px;
  gap: 10px;
  margin-bottom: 35px;
}

@media screen and (max-width: 991px) {
  .fz-product-details__actions {
    height: 40px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__actions {
    height: 35px;
  }
}

.fz-product-details__actions>* {
  border-radius: 3px;
}

.fz-product-details__actions>a {
  background-color: #05707c;
  height: 100%;
  padding: 10px 30px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  border: 1px solid transparent;
}

@media screen and (max-width: 991px) {
  .fz-product-details__actions>a {
    padding: 0 30px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__actions>a {
    padding: 0 20px;
    font-size: 14px;
  }
}

.fz-product-details__actions>a:hover {
  background: transparent;
  border-color: #222222;
  color: #222222;
}

.fz-product-details__actions>a.fz-product-details__add-to-wishlist {
  padding: 0 15px;
  background-color: #ffffff;
  color: #222222;
  border: 1px solid #eaeaea;
  line-height: 45px;
}

@media screen and (max-width: 991px) {
  .fz-product-details__actions>a.fz-product-details__add-to-wishlist {
    line-height: 40px;
    padding: 0 13px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__actions>a.fz-product-details__add-to-wishlist {
    line-height: 35px;
  }
}

.fz-product-details__actions>a.fz-product-details__add-to-wishlist:hover {
  background-color: #222222;
  color: #ffffff;
  border-color: #222222;
}

.fz-product-details__quantity {
  display: flex;
  height: 100%;
  border: 1px solid #ddd;
  padding: 0 15px;
}

.fz-product-details__quantity.cart-product__quantity {
  width: -moz-max-content;
  width: max-content;
  background-color: #ffffff;
}

@media screen and (max-width: 991px) {
  .fz-product-details__quantity.cart-product__quantity {
    height: 40px;
    line-height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details__quantity.cart-product__quantity {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
  }
}

.fz-product-details__quantity input[type=number].cart-product-quantity-input {
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  max-width: 50px;
  padding: 0;
}

@media screen and (max-width: 479px) {
  .fz-product-details__quantity input[type=number].cart-product-quantity-input {
    max-width: 40px;
  }
}

.fz-product-details .dialog {
  margin-top: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: block;
  color: #777;
  text-transform: capitalize;
}

.fz-product-details .fz-product-details__additional-info {
  margin-top: 100px;
  background: #e7f4f5;
  padding: 40px;
}

@media screen and (max-width: 1199px) {
  .fz-product-details .fz-product-details__additional-info {
    margin-top: 50px;
  }
}

.fz-product-details .nav.nav-tabs {
  margin-bottom: 25px;
  border-color: #818181;
}

.fz-product-details .nav.nav-tabs .nav-link {
  border-radius: 3px 3px 0 0;
  border: 1px solid transparent;
  color: #818181;
  padding: 10px 35px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .fz-product-details .nav.nav-tabs .nav-link {
    padding: 9px 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details .nav.nav-tabs .nav-link {
    padding: 6px 15px;
    font-size: 14px;
  }
}

.fz-product-details .nav.nav-tabs .nav-link:hover {
  border-color: #818181;
}

.fz-product-details .nav.nav-tabs .nav-link.active {
  background-color: #222222;
  color: #ffffff;
}

.fz-product-details .nav.nav-tabs .nav-link.active:hover {
  border-color: #222222;
}

.fz-product-details .fz-product-details__descr {
  color: #777;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

@media screen and (max-width: 479px) {
  .fz-product-details .fz-product-details__descr {
    font-size: 14px;
  }
}

.fz-product-details .fz-product-details__descr p {
  margin-bottom: 15px;
  width: 70%;
}

@media screen and (max-width: 1399px) {
  .fz-product-details .fz-product-details__descr p {
    width: 80%;
  }
}

@media screen and (max-width: 1199px) {
  .fz-product-details .fz-product-details__descr p {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .fz-product-details .fz-product-details__descr p {
    font-size: 14px;
  }
}

.fz-product-details .fz-product-details__descr ul {
  list-style: inside disc;
}

.fz-product-details .fz-product-details__descr ul li:not(:last-child) {
  margin-bottom: 10px;
}

.fz-product-details .review-overview {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .fz-product-details .review-overview {
    flex-direction: column;
    gap: 15px;
    padding: 0;
  }
}

.fz-product-details .average-rating-area {
  text-align: center;
}

.fz-product-details .average-rating-area h3 {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  .fz-product-details .average-rating-area h3 {
    font-size: 30px;
  }
}

.fz-product-details .average-rating-area .rating-amount {
  text-transform: capitalize;
}

@media screen and (max-width: 767px) {
  .fz-product-details .average-rating-area .rating-amount {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fz-product-details .review-breakdown {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .fz-product-details .review-breakdown {
    font-size: 12px;
  }
}

.fz-product-details .review-breakdown .individual-star-breakdown {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 479px) {
  .fz-product-details .review-breakdown .individual-star-breakdown {
    gap: 10px;
    justify-content: space-between;
  }
}

.fz-product-details .review-breakdown .individual-star-breakdown:not(:last-child) {
  margin-bottom: 5px;
}

.fz-product-details .review-breakdown .individual-star-breakdown .star {
  color: #FE9602;
}

.fz-product-details .review-breakdown .individual-star-breakdown .bar {
  width: 240px;
  height: 10px;
  background-color: #e7e7e7;
  border-radius: 5px;
}

@media screen and (max-width: 479px) {
  .fz-product-details .review-breakdown .individual-star-breakdown .bar {
    width: 150px;
  }
}

.fz-product-details .review-breakdown .individual-star-breakdown .filled {
  border-radius: 5px;
  height: 100%;
  background-color: #05707c;
  width: 45%;
}

.fz-product-details .review-breakdown .individual-star-breakdown-2 .filled {
  width: 30%;
}

.fz-product-details .review-breakdown .individual-star-breakdown-3 .filled {
  width: 15%;
}

.fz-product-details .review-breakdown .individual-star-breakdown-4 .filled {
  width: 5%;
}

.fz-product-details .review-breakdown .individual-star-breakdown-5 .filled {
  width: 5%;
}

.fz-product-details .reviews-title {
  font-family: "Roboto", sans-serif;
  padding-top: 50px;
  padding-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .fz-product-details .reviews-title {
    font-size: 18px;
    padding-top: 30px;
  }
}

.fz-product-details .single-review {
  border: 1px solid #eaeaea;
  padding: 15px 20px;
}

@media screen and (max-width: 479px) {
  .fz-product-details .single-review {
    padding: 10px 12px;
  }
}

.fz-product-details .single-review .user {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .fz-product-details .single-review .user {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.fz-product-details .single-review .user-img {
  border-radius: 50%;
  width: 65px;
  height: 65px;
  overflow: hidden;
}

.fz-product-details .single-review .user-name {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}

.fz-product-details .single-review .user-rating {
  color: #FE9602;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
}

.fz-product-details .single-review .review {
  padding: 0;
  color: #777;
  font-weight: 400;
}

.related-product-section {
  padding-bottom: 50px;
}

@media screen and (max-width: 1199px) {
  .related-product-section {
    padding-bottom: 40px;
  }
}

.related-product__title {
  font-family: "Poppins", sans-serif;
  margin-bottom: 25px;
}

@media screen and (max-width: 1399px) {
  .related-product__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .related-product__title {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .related-product__title {
    font-size: 23px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 479px) {
  .related-product__title {
    width: 95%;
    margin: auto;
    margin-bottom: 15px;
  }
}

.blog-page-content {
  padding: 100px 0;
  display: flex;
  gap: 25px;
  align-items: flex-start;
}

@media screen and (max-width: 1199px) {
  .blog-page-content {
    padding: 50px 0;
  }
}

@media screen and (max-width: 991px) {
  .blog-page-content {
    flex-direction: column;
    align-items: center;
  }
}

.blogs-container {
  width: 70%;
}

@media screen and (max-width: 1399px) {
  .blogs-container {
    width: 65%;
  }
}

@media screen and (max-width: 1199px) {
  .blogs-container {
    width: 62%;
  }
}

@media screen and (max-width: 991px) {
  .blogs-container {
    width: 100%;
  }
}

.fz-single-blog.fz-inner-page-blog {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

.fz-single-blog.fz-inner-page-blog:not(:last-child) {
  margin-bottom: 50px;
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog:not(:last-child) {
    margin-bottom: 30px;
  }
}

.fz-single-blog.fz-inner-page-blog:hover .fz-single-blog__img img {
  transform: scale(1.1) rotate(1.5deg);
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__img {
  overflow: hidden;
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__img img {
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.4s ease;
}

@media screen and (max-width: 1399px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__img img {
    height: 400px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__img img {
    height: 320px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__img img {
    height: 180px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__txt {
  padding: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__txt {
    padding: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__txt {
    padding: 25px;
  }
}

@media screen and (max-width: 575px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__txt {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__txt {
    padding: 15px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__infos {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__infos {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__infos {
    font-size: 12px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__category {
  text-transform: uppercase;
  color: #05707c;
  font-weight: 700;
  border-right: 1px solid #777;
  padding-right: 10px;
}

@media screen and (max-width: 575px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__category {
    font-weight: 600;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__date {
  color: #777;
  font-weight: 400;
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.4;
}

@media screen and (max-width: 1399px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
    font-size: 23px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
    font-size: 18px;
    font-weight: 500;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__title a:hover {
  color: #05707c;
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__desc {
  margin-bottom: 27px;
  color: #777;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__desc {
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__btn {
  height: 45px;
  padding: 0 35px;
  background-color: #222222;
  color: #ffffff;
  line-height: 43px;
  border-radius: 5px;
  border: 1px solid #222222;
  font-size: 16px;
}

@media screen and (max-width: 1199px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__btn {
    padding: 0 25px;
  }
}

@media screen and (max-width: 767px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__btn {
    height: 40px;
    line-height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog .fz-single-blog__btn {
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    font-size: 14px;
  }
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__btn:hover {
  color: #222222;
}

.fz-single-blog.fz-inner-page-blog .fz-single-blog__btn::before {
  background-color: #ffffff;
  border-radius: 5px;
}

.blog-page-sidebar {
  width: 30%;
}

@media screen and (max-width: 1399px) {
  .blog-page-sidebar {
    width: 35%;
  }
}

@media screen and (max-width: 991px) {
  .blog-page-sidebar {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .blog-page-sidebar {
    width: 70%;
  }
}

@media screen and (max-width: 479px) {
  .blog-page-sidebar {
    width: 100%;
  }
}

.blog-page-sidebar .fz-sidebar-single-blog {
  display: flex;
  align-items: center;
  gap: 25px;
}

@media screen and (max-width: 1199px) {
  .blog-page-sidebar .fz-sidebar-single-blog {
    gap: 15px;
  }
}

.blog-page-sidebar .fz-sidebar-single-blog:not(:last-child) {
  margin-bottom: 25px;
}

.blog-page-sidebar .fz-sidebar-single-blog__img {
  min-width: 80px;
  min-height: 80px;
}

.blog-page-sidebar .fz-sidebar-single-blog__img img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-page-sidebar .fz-sidebar-single-blog__txt {
  border-radius: 0;
  border: none;
}

.blog-page-sidebar .fz-sidebar-single-blog__infos.fz-single-blog__infos {
  margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
  .blog-page-sidebar .fz-sidebar-single-blog__infos.fz-single-blog__infos {
    margin-bottom: 6px;
  }
}

.blog-page-sidebar .fz-sidebar-single-blog .fz-single-blog__category {
  font-weight: 400;
}

.blog-page-sidebar .fz-sidebar-single-blog__title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.blog-page-sidebar .fz-sidebar-single-blog__title a:hover {
  color: #05707c;
}

@media screen and (max-width: 1399px) {
  .blog-page-sidebar .fz-sidebar-single-blog__title {
    font-size: 14px;
  }
}

.fz-blog-details__img {
  position: relative;
}

.fz-blog-details__img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0) 60%);
  z-index: 1;
}

@media screen and (max-width: 479px) {
  .fz-blog-details__img::before {
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.2));
  }
}

.fz-blog-details__heading {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 80%;
  bottom: 30px;
  z-index: 2;
}

@media screen and (max-width: 575px) {
  .fz-blog-details__heading {
    width: 95%;
  }
}

@media screen and (max-width: 479px) {
  .fz-blog-details__heading {
    bottom: 10px;
  }
}

.fz-blog-details__title {
  text-align: center;
  color: #ffffff;
}

.fz-blog-details__infos {
  justify-content: center;
}

.fz-blog-details__descr {
  color: #777;
  font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 767px) {
  .fz-blog-details__descr {
    font-size: 14px;
  }
}

.fz-blog-details__blqt {
  background-color: #f5f5f5;
  padding: 30px 50px;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
}

@media screen and (max-width: 1399px) {
  .fz-blog-details__blqt {
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  .fz-blog-details__blqt {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-blog-details__blqt {
    padding: 15px;
  }
}

.fz-blog-details__blqt i {
  font-size: 35px;
  margin-bottom: 10px;
}

.fz-blog-details__blqt p {
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .fz-blog-details__blqt p {
    font-size: 14px;
  }
}

.fz-blog-details__blqt .quoter {
  position: relative;
  font-weight: 700px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  padding-left: 80px;
}

.fz-blog-details__blqt .quoter::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 1px;
  background-color: #222222;
  inset: 0;
  margin: auto;
  right: calc(100% + 10px);
}

.fz-blog-details__txt img {
  margin-bottom: 20px;
}

.fz-blog-details__txt .fz-blog-details__descr:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .fz-blog-details__tags-n-shares {
    flex-direction: column;
    gap: 10px;
  }
}

.fz-single-blog.fz-inner-page-blog.fz-blog-details .fz-blog-details__category {
  color: #ffffff;
  font-weight: 400;
  border-color: #ffffff;
}

.fz-single-blog.fz-inner-page-blog.fz-blog-details .fz-blog-details__date {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .fz-single-blog.fz-inner-page-blog.fz-blog-details .fz-blog-details__txt {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-single-blog.fz-inner-page-blog.fz-blog-details .fz-blog-details__txt {
    padding: 10px;
  }
}

.fz-blog-details__tags {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 479px) {
  .fz-blog-details__tags {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 6px;
  }
}

.fz-blog-details__tags>span {
  margin-right: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.fz-blog-details__tags>a {
  border: 1px solid #eaeaea;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
  font-size: 13px;
  color: #777;
  border-radius: 4px;
}

.fz-blog-details__tags>a:hover {
  background-color: #222222;
  color: #ffffff;
  border-color: #222222;
}

.fz-blog-details__tags>a:not(:last-child) {
  margin-right: 10px;
}

.fz-blog-details__shares {
  display: flex;
  align-items: center;
  gap: 15px;
}

.fz-blog-details__shares>span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.fz-blog-details__shares>button {
  color: #c4c4c4;
}

.fz-blog-details__shares>button:hover {
  color: #222222;
}

.fz-blog-details__user-comments {
  padding: 50px 0 30px;
}

.fz-blog-details__user-comments .fz-blog-details__comments-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .fz-blog-details__user-comments .fz-blog-details__comments-title {
    font-size: 18px;
  }
}

.fz-blog-details__user-comments .single-comment {
  border-radius: 10px;
}

.fz-blog-details__user-comments .comment-date {
  font-size: 14px;
  font-weight: 400;
  color: #777;
  font-family: "Roboto", sans-serif;
}

.fz-blog-details__user-comments .reply-btn {
  margin-top: 15px;
  background: #ebebeb;
  padding: 0 20px;
  height: 35px;
  border-radius: 30px;
  line-height: 35px;
  font-size: 15px;
}

.fz-blog-details__user-comments .reply-btn:hover {
  color: #ffffff;
  background-color: #222222;
}

.fz-blog-details__user-comments .reply-btn:hover i {
  color: #ffffff;
}

.fz-blog-details__user-comments .reply-btn i {
  margin-left: 5px;
  color: #05707c;
}

.fz-blog-details__comment-form {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 20px;
  background-color: #f8f8f8;
}

@media screen and (max-width: 479px) {
  .fz-blog-details__comment-form {
    padding: 15px 10px;
  }
}

.fz-blog-details__comment-form .fz-comment-form__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .fz-blog-details__comment-form .fz-comment-form__title {
    font-size: 18px;
  }
}

.fz-blog-details__comment-form form label {
  color: #777;
  margin-bottom: 5px;
  display: block;
}

@media screen and (max-width: 575px) {
  .fz-blog-details__comment-form form label {
    font-size: 14px;
  }
}

.fz-blog-details__comment-form form input,
.fz-blog-details__comment-form form textarea {
  border: 1px solid #eaeaea;
  padding: 10px 15px;
  width: 100%;
  background-color: #ffffff;
  font-weight: 400;
}

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

  .fz-blog-details__comment-form form input,
  .fz-blog-details__comment-form form textarea {
    padding: 10px;
  }
}

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

  .fz-blog-details__comment-form form input,
  .fz-blog-details__comment-form form textarea {
    padding: 8px 10px;
  }
}

.fz-blog-details__comment-form form textarea {
  height: 200px;
}

.fz-blog-details__comment-form .fz-comment-form__btn {
  border-radius: 5px;
  height: 45px;
  line-height: 43px;
  font-size: 16px;
  padding: 0 30px;
  margin-top: 20px;
  background-color: #222222;
  color: #ffffff;
  border: 1px solid #222222;
}

.fz-blog-details__comment-form .fz-comment-form__btn:hover {
  color: #222222;
}

.fz-blog-details__comment-form .fz-comment-form__btn::before {
  border-radius: 5px;
  background-color: #ffffff;
}

.cart-section {
  padding: 100px 0;
  display: flex;
  gap: 25px;
  align-items: flex-start;
}

@media screen and (max-width: 1199px) {
  .cart-section {
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
  }
}

.cart-product {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 991px) {
  .cart-product {
    max-width: 330px;
  }
}

@media screen and (max-width: 767px) {
  .cart-product {
    max-width: 320px;
  }
}

@media screen and (max-width: 575px) {
  .cart-product {
    gap: 10px;
    max-width: 300px;
  }
}

.cart-product__img {
  flex-shrink: 0;
}

.cart-product__img img {
  width: 130px;
  aspect-ratio: 1;
  border-radius: 6px;
}

@media screen and (max-width: 1399px) {
  .cart-product__img img {
    width: 100px;
  }
}

@media screen and (max-width: 575px) {
  .cart-product__img img {
    width: 80px;
  }
}

.cart-product__txt h6 {
  font-family: "Poppins", sans-serif;
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 1399px) {
  .cart-product__txt h6 {
    font-size: 14px;
  }
}

.cart-product__quantity {
  width: 140px;
  height: 45px;
  background-color: #f8f8f8;
  line-height: 45px;
  position: relative;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .cart-product__quantity {
    width: 120px;
    height: 35px;
    line-height: 35px;
  }
}

.cart-product__quantity-btns {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
}

.cart-product__quantity-btns button {
  text-align: center;
  width: 45px;
  height: 45px;
  line-height: normal;
  visibility: visible;
}

.cart-product__quantity-btns button:hover {
  color: #05707c;
}

@media screen and (max-width: 767px) {
  .cart-product__quantity-btns button {
    width: 35px;
    height: 35px;
  }
}

.item-remove-btn:hover {
  color: #05707c;
}

input[type=number].cart-product-quantity-input {
  width: 100%;
  padding: 0 45px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  input[type=number].cart-product-quantity-input {
    padding: 0 35px;
  }
}

.inner-cart {
  width: 75%;
}

@media screen and (max-width: 1399px) {
  .inner-cart {
    width: 90%;
  }
}

@media screen and (max-width: 1199px) {
  .inner-cart {
    width: 100%;
  }
}

.inner-cart .cart-area {
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  padding: 20px 30px;
}

@media screen and (max-width: 991px) {
  .inner-cart .cart-area {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .inner-cart .cart-area {
    padding: 15px;
  }
}

.cart__body .table-responsive::-webkit-scrollbar {
  height: 4px;
  background-color: #F5F5F5;
}

.cart__body .table-responsive::-webkit-scrollbar-thumb {
  background-color: #6e6e6e;
}

@media screen and (max-width: 991px) {
  .cart__body table {
    min-width: -moz-max-content;
    min-width: max-content;
  }
}

.cart__body th {
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
  text-transform: capitalize;
}

@media screen and (max-width: 479px) {
  .cart__body th {
    padding-bottom: 10px;
  }
}

.cart__body tr:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.cart__body tr:not(:last-child) td {
  padding-bottom: 25px;
}

@media screen and (max-width: 575px) {
  .cart__body tr:not(:last-child) td {
    padding-bottom: 15px;
  }
}

.cart__body td {
  position: relative;
  text-align: center;
  padding-top: 25px;
}

@media screen and (max-width: 575px) {
  .cart__body td {
    padding-top: 15px;
  }
}

.cart__body td:not(:last-of-type) {
  padding-right: 60px;
}

@media screen and (max-width: 1599px) {
  .cart__body td:not(:last-of-type) {
    padding-right: 40px;
  }
}

@media screen and (max-width: 1399px) {
  .cart__body td:not(:last-of-type) {
    padding-right: 25px;
  }
}

@media screen and (max-width: 575px) {
  .cart__body td:not(:last-of-type) {
    padding-right: 15px;
  }
}

.cart-left-actions {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .cart-left-actions {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
}

.cart-coupon-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.cart-coupon-form input {
  height: 45px;
  border: 1px solid #e4e4e4;
  padding: 0 15px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .cart-coupon-form input {
    height: 40px;
  }
}

@media screen and (max-width: 479px) {
  .cart-coupon-form input {
    width: 100%;
  }
}

.coupon-apply-btn,
.update-cart-btn,
.cart-checkout-btn {
  border-radius: 3px;
  height: 45px;
  text-transform: capitalize;
  line-height: 42px;
  background-color: #222222;
  color: #ffffff;
  border: 1px solid #222222;
  padding: 0 30px;
  font-size: 15px;
}

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

  .coupon-apply-btn,
  .update-cart-btn,
  .cart-checkout-btn {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
  }
}

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

  .coupon-apply-btn,
  .update-cart-btn,
  .cart-checkout-btn {
    height: 35px;
    line-height: 33px;
    padding: 0 20px;
  }
}

.coupon-apply-btn:hover,
.update-cart-btn:hover,
.cart-checkout-btn:hover {
  color: #222222;
}

.coupon-apply-btn::before,
.update-cart-btn::before,
.cart-checkout-btn::before {
  border-radius: 3px;
  background-color: #ffffff;
}

.cart-checkout-area {
  text-align: center;
  border: 1px solid #e4e4e4;
  width: 25%;
  border-radius: 10px;
  padding: 30px;
}

@media screen and (max-width: 1599px) {
  .cart-checkout-area {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 1399px) {
  .cart-checkout-area {
    width: 35%;
    padding: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .cart-checkout-area {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .cart-checkout-area {
    width: 70%;
  }
}

@media screen and (max-width: 479px) {
  .cart-checkout-area {
    width: 100%;
  }
}

.cart-checkout-area__title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 15px;
  margin-bottom: 15px;
  text-align: left;
}

.checkout-summary {
  margin-bottom: 30px;
}

.checkout-summary li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout-summary li:not(:last-child) {
  margin-bottom: 15px;
}

.checkout-summary__key {
  font-family: "Poppins", sans-serif;
}

.cart-checkout-total {
  border-top: 1px solid #222;
  padding-top: 15px;
}

.overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.overlay.open {
  display: block;
}

.cart-area-modal {
  min-width: 600px;
  background-color: #ffffff;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 60%;
  left: 50%;
  translate: -50% -50%;
  z-index: 111;
  transition: all 0.4s ease;
  padding: 25px;
  max-width: 980px;
  width: -moz-max-content;
  width: max-content;
  max-height: 95%;
  overflow: auto;
}

.cart-area-modal.open {
  top: 50%;
  opacity: 1;
  pointer-events: auto;
}

.cart__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.cart__header .cart__title {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}

.cart__header button.cart-area-modal-close-btn {
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 20px;
  transition: all 0.4s ease;
}

.cart__header button.cart-area-modal-close-btn:hover,
.cart__header button.cart-area-modal-close-btn:focus {
  color: #05707c;
  border-color: #05707c;
}

.fz-wishlist-action-btn {
  height: 40px;
  line-height: 37px;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
}

.fz-wishlist-action-btn::before {
  border-radius: 3px;
}

.fz-wishlist-modal .cart__body td {
  padding-top: 10px;
}

.fz-wishlist-modal .cart__body tr:not(:last-child) td {
  padding-bottom: 10px;
}

.fz-wishlist-modal .cart__body td:not(:last-of-type) {
  padding-right: 35px;
}

.fz-wishlist-modal .cart-product__img img {
  width: 75px;
}

.fz-inner-contact-details {
  padding: 100px 0;
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

@media screen and (max-width: 1399px) {
  .fz-inner-contact-details {
    gap: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-inner-contact-details {
    padding: 50px 0;
  }
}

@media screen and (max-width: 991px) {
  .fz-inner-contact-details {
    flex-direction: column;
    align-items: center;
  }
}

.fz-inner-contact-details .fz-inner-contact-details__title {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-inner-contact-details .fz-inner-contact-details__title {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .fz-inner-contact-details .fz-inner-contact-details__title {
    font-size: 20px;
  }
}

.fz-inner-contact-details__left {
  width: 70%;
}

@media screen and (max-width: 1199px) {
  .fz-inner-contact-details__left {
    width: 65%;
  }
}

@media screen and (max-width: 991px) {
  .fz-inner-contact-details__left {
    width: 100%;
  }
}

.fz-inner-contact-details__left .fz-blog-details__comment-form {
  padding: 0;
  background: none;
  border: none;
}

.fz-inner-contact-details__left .fz-blog-details__comment-form form input,
.fz-inner-contact-details__left .fz-blog-details__comment-form form textarea {
  border-radius: 5px;
}

.fz-inner-contact-details__info-card {
  width: 30%;
  padding: 30px;
  background-color: #f8f8f8;
}

@media screen and (max-width: 1199px) {
  .fz-inner-contact-details__info-card {
    width: 35%;
  }
}

@media screen and (max-width: 991px) {
  .fz-inner-contact-details__info-card {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .fz-inner-contact-details__info-card {
    width: 70%;
  }
}

@media screen and (max-width: 479px) {
  .fz-inner-contact-details__info-card {
    width: 100%;
    padding: 20px;
  }
}

.fz-inner-contact-details__info-card ul li {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}

.fz-inner-contact-details__info-card ul li .contact-numbers {
  display: flex;
  flex-direction: column;
}

.fz-inner-contact-details__info-card ul li .contact-numbers a:hover {
  color: #05707c;
}

.fz-inner-contact-details__info-card .fz-single-contact-info {
  font-size: 17px;
  color: #777;
}

@media screen and (max-width: 767px) {
  .fz-inner-contact-details__info-card .fz-single-contact-info {
    font-size: 15px;
  }
}

.fz-inner-contact-details__info-card .fz-single-contact-info i {
  font-size: 22px;
  color: #222222;
  padding-top: 4px;
}

.fz-inner-contact-details__info-card .contact-socials {
  margin-bottom: 0;
  margin-top: 30px;
}

.fz-inner-contact-details__info-card .contact-socials__title {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

.fz-inner-contact-details__info-card .contact-socials ul {
  display: flex;
  gap: 15px;
}

.fz-inner-contact-details__info-card .contact-socials ul li {
  margin-bottom: 0;
}

.fz-inner-contact-details__info-card .contact-socials ul li a {
  color: #777;
}

.fz-inner-contact-details__info-card .contact-socials ul li a:hover {
  color: #05707c;
}

.fz-contact-location-map iframe {
  min-height: 600px;
  min-width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 1399px) {
  .fz-contact-location-map iframe {
    min-height: 450px;
  }
}

@media screen and (max-width: 991px) {
  .fz-contact-location-map iframe {
    min-height: 330px;
  }
}

@media screen and (max-width: 575px) {
  .fz-contact-location-map iframe {
    min-height: 280px;
  }
}

.faq-accordion-area {
  padding: 100px 0;
}

@media screen and (max-width: 1199px) {
  .faq-accordion-area {
    padding: 50px 0;
  }
}

@media screen and (max-width: 991px) {
  .faq-accordion-area>.container>.row {
    --bs-gutter-y: 30px;
  }
}

@media screen and (max-width: 767px) {
  .faq-accordion-area>.container>.row {
    --bs-gutter-y: 20px;
  }
}

.fz-single-accordion-item {
  border: 1px solid #eaeaea;
}

.fz-single-accordion-item:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .fz-single-accordion-item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.fz-single-accordion-item.open .fz-single-accordion-item__header i {
  transform: rotate(45deg);
}

.fz-single-accordion-item.open .fz-single-accordion-item__body {
  line-height: 1.5;
  padding: 30px;
  opacity: 1;
}

@media screen and (max-width: 1399px) {
  .fz-single-accordion-item.open .fz-single-accordion-item__body {
    padding: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-accordion-item.open .fz-single-accordion-item__body {
    padding: 15px;
  }
}

.fz-single-accordion-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eaeaea;
  padding: 20px 30px;
  cursor: pointer;
}

@media screen and (max-width: 1399px) {
  .fz-single-accordion-item__header {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-accordion-item__header {
    padding: 12px 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-single-accordion-item__header {
    padding: 10px;
  }
}

.fz-single-accordion-item__header i {
  transition: transform 0.4s ease;
}

.fz-single-accordion-item__title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

@media screen and (max-width: 1399px) {
  .fz-single-accordion-item__title {
    font-size: 16px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-accordion-item__title {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fz-single-accordion-item__title {
    font-weight: 400;
  }
}

.fz-single-accordion-item__body {
  line-height: 0;
  transition: all 0.4s ease;
  overflow: hidden;
  padding: 0 30px;
  color: #777;
  text-transform: capitalize;
  opacity: 0;
}

@media screen and (max-width: 1399px) {
  .fz-single-accordion-item__body {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-single-accordion-item__body {
    padding: 0 15px;
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fz-single-accordion-item__body {
    font-size: 12px;
  }
}

.fz-about-area {
  padding: 100px 0;
  overflow-x: hidden;
}

@media screen and (max-width: 1199px) {
  .fz-about-area {
    padding: 50px 0;
  }
}

.fz-about__infos {
  display: flex;
  align-items: center;
  gap: 50px;
}

@media screen and (max-width: 1399px) {
  .fz-about__infos {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

.fz-about__members-amount {
  display: block;
  font-size: 22px;
  color: var(--clr-common-black);
  font-weight: 400;
}

.fz-about__members-img {
  display: flex;
  z-index: 2;
}

.fz-about__members-img li:not(:first-child) {
  margin-left: -18px;
}

.fz-about-images {
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .fz-about-images {
    width: -moz-max-content;
    width: max-content;
    margin: auto;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images {
    width: auto;
  }
}

.fz-about-images>.row {
  height: 100%;
}

.fz-about-images-left-img img {
  border-radius: 8px;
}

@media screen and (max-width: 991px) {
  .fz-about-images-left-img img {
    width: 400px;
  }
}

.fz-about-images-right {
  position: relative;
  z-index: 1;
  margin-left: -65px;
}

@media screen and (max-width: 767px) {
  .fz-about-images-right {
    margin-left: -195px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right {
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-images-right {
    margin-left: -20px;
  }
}

.fz-about-images-right__card {
  position: absolute;
  left: 0;
  bottom: 120px;
  margin-left: -80px;
  box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
  .fz-about-images-right__card {
    left: 60px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right__card {
    left: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-images-right__card {
    left: 20px;
    bottom: 70px;
  }
}

.fz-about-images-right__card-wrapp {
  position: relative;
  z-index: 1;
  display: inline-block;
  border-radius: 10px;
}

.fz-about-images-right__card-wrapp:after {
  position: absolute;
  left: -5px;
  width: 100%;
  height: 70%;
  content: "";
  background-color: #05707c;
  z-index: -1;
  transform: rotate(6deg);
  border-radius: 10px;
  bottom: -15px;
}

.fz-about-images-right__card-inner {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 30px;
}

@media screen and (max-width: 1399px) {
  .fz-about-images-right__card-inner {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right__card-inner {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-images-right__card-inner {
    padding: 8px 12px;
  }
}

.fz-about-images-right__card-text {
  font-size: 24px;
  font-weight: 400;
  display: block;
  font-family: "Poppins", sans-serif;
  color: #777;
}

@media screen and (max-width: 1399px) {
  .fz-about-images-right__card-text {
    font-size: 22px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-about-images-right__card-text {
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right__card-text {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-images-right__card-text {
    font-size: 16px;
  }
}

.fz-about-images-right__card-year {
  position: relative;
  z-index: 1;
  font-size: 30px;
  color: var(--clr-common-black);
  font-weight: 600;
}

@media screen and (max-width: 1399px) {
  .fz-about-images-right__card-year {
    font-size: 25px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-about-images-right__card-year {
    font-size: 22px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right__card-year {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-images-right__card-year {
    font-size: 16px;
  }
}

.fz-about-images-right__card-year:before {
  position: absolute;
  left: 100%;
  top: 50%;
  content: "";
  background-color: #777;
  width: 40px;
  height: 1px;
  z-index: -1;
  display: inline-block;
  margin-left: 10px;
}

.fz-about-images-right-img {
  display: flex;
  justify-content: flex-end;
  margin-right: -30px;
}

@media screen and (max-width: 767px) {
  .fz-about-images-right-img {
    margin-right: 0;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right-img {
    margin-right: 0;
  }
}

.fz-about-images-right-img img {
  max-width: none;
  width: 340px;
  border-radius: 8px;
}

@media screen and (max-width: 991px) {
  .fz-about-images-right-img img {
    width: 300px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-images-right-img img {
    max-width: 100%;
  }
}

.fz-about-right-content {
  padding-left: 56px;
}

@media screen and (max-width: 1199px) {
  .fz-about-right-content {
    padding-left: 0;
  }
}

.fz-about-right-title {
  font-size: 34px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 25px;
}

@media screen and (max-width: 1399px) {
  .fz-about-right-title {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .fz-about-right-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  .fz-about-right-title {
    font-size: 25px;
  }
}

.fz-about-right-descr {
  color: #777;
  margin-bottom: 32px;
}

@media screen and (max-width: 575px) {
  .fz-about-right-img {
    margin-bottom: 10px;
    text-align: center;
  }
}

.fz-about-right-img img {
  border-radius: 8px;
  width: 100%;
}

.fz-about-right-list ul {
  list-style: none;
}

.fz-about-right-list ul li {
  position: relative;
  z-index: 1;
  padding-left: 20px;
}

.fz-about-right-list ul li:not(:last-child) {
  margin-bottom: 11px;
}

.fz-about-right-list ul li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 9px;
  height: 9px;
  content: "";
  border-radius: 50%;
  border: 1px solid #777;
}

.fz-about-author {
  border-top: 1px solid #E4E4E4;
  margin-top: 40px;
  padding-top: 30px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .fz-about-author {
    padding-top: 20px;
    margin-top: 20px;
  }
}

.fz-about-author-sign-img {
  border-right: 1px solid #E4E4E4;
  padding-right: 50px;
  margin-right: 50px;
}

@media screen and (max-width: 575px) {
  .fz-about-author-sign-img {
    margin-right: 25px;
    padding-right: 25px;
    width: 110px;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-author-sign-img {
    margin-right: 20px;
    padding-right: 20px;
    width: 100px;
  }
}

.fz-about-author-intro {
  display: flex;
  align-items: center;
}

.fz-about-author-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  font-family: "Roboto", sans-serif;
}

@media screen and (max-width: 575px) {
  .fz-about-author-name {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-author-label {
    font-size: 14px;
  }
}

.fz-about-author-img {
  margin-right: 20px;
}

@media screen and (max-width: 575px) {
  .fz-about-author-img {
    margin-right: 15px;
    width: 55px;
  }
}

.fz-team-member-section {
  padding: 100px 0;
  background-color: #f8f8f8;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section {
    padding: 50px 0;
  }
}

.fz-team-member-section .section-title {
  font-size: 34px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 40px;
}

@media screen and (max-width: 1399px) {
  .fz-team-member-section .section-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fz-team-member-section .section-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .fz-team-member-section .section-title {
    font-size: 25px;
  }
}

.fz-team-member-section .fz-single-team-member {
  position: relative;
}

.fz-team-member-section .fz-single-team-member::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top, rgba(58, 58, 58, 0.99), transparent 60%);
}

.fz-team-member-section .fz-single-team-member:hover .fz-single-team-member__info {
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section .fz-single-team-member:hover .fz-single-team-member__info {
    margin-bottom: 5px;
  }
}

.fz-team-member-section .fz-single-team-member:hover .fz-single-team-member__socials {
  margin-bottom: 0;
  pointer-events: auto;
}

.fz-team-member-section .fz-single-team-member:hover .fz-single-team-member__socials li a {
  transform: translateY(0);
  opacity: 1;
}

.fz-team-member-section .fz-single-team-member__txt {
  position: absolute;
  bottom: 30px;
  left: 50%;
  translate: -50% 0;
  width: -moz-max-content;
  width: max-content;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section .fz-single-team-member__txt {
    bottom: 20px;
  }
}

.fz-team-member-section .fz-single-team-member__info {
  color: #ffffff;
  transition: margin 0.4s ease;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  padding-left: 10px;
}

.fz-team-member-section .fz-single-team-member__name {
  font-family: "Poppins", sans-serif;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section .fz-single-team-member__name {
    font-size: 18px;
  }
}

.fz-team-member-section .fz-single-team-member__label {
  color: #ccc;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section .fz-single-team-member__label {
    font-size: 14px;
  }
}

.fz-team-member-section .fz-single-team-member__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: -40px;
  transition: margin 0.4s ease;
  pointer-events: none;
}

.fz-team-member-section .fz-single-team-member__socials li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  color: #ffffff;
  transform: translateY(100%);
  opacity: 0;
}

@media screen and (max-width: 1199px) {
  .fz-team-member-section .fz-single-team-member__socials li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.fz-team-member-section .fz-single-team-member__socials li a:hover {
  background-color: #05707c;
  color: #ffffff;
}

.fz-team-member-section .fz-single-team-member__socials li:nth-child(2) a {
  transition: all 0.4s ease, opacity 0.4s 0.1s, transform 0.4s 0.1s;
}

.fz-team-member-section .fz-single-team-member__socials li:nth-child(3) a {
  transition: all 0.4s ease, opacity 0.4s 0.2s, transform 0.4s 0.2s;
}

.fz-team-member-section .fz-single-team-member__socials li:nth-child(4) a {
  transition: all 0.4s ease, opacity 0.4s 0.3s, transform 0.4s 0.3s;
}

.fz-about-single-store:not(:last-child) {
  padding-bottom: 60px;
}

@media screen and (max-width: 575px) {
  .fz-about-single-store:not(:last-child) {
    padding-bottom: 30px;
  }
}

.fz-about-single-store>.row {
  --bs-gutter-x: 48px;
}

@media screen and (max-width: 1199px) {
  .fz-about-single-store>.row {
    --bs-gutter-x: 25px;
  }
}

@media screen and (max-width: 991px) {
  .fz-about-single-store>.row {
    --bs-gutter-x: 0;
  }
}

.fz-about-store-area {
  padding: 0 0 70px 0;
}

@media screen and (max-width: 1199px) {
  .fz-about-store-area {
    padding: 60px 0;
  }
}

.fz-about-store-img img {
  border-radius: 8px;
}

.fz-about-store-title {
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 23px;
  color: #222222;
}

@media screen and (max-width: 1399px) {
  .fz-about-store-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .fz-about-store-title {
    margin-bottom: 15px;
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .fz-about-store-title {
    margin-bottom: 10px;
    font-size: 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-about-store-title {
    font-size: 22px;
  }
}

.fz-about-store-content {
  color: #777;
}

.fz-about-store-content p {
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-about-store-content p {
    margin-bottom: 15px;
  }
}

.fz-about-store-btn {
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  background-color: #222222;
  color: #ffffff;
  border: 1px solid #222222;
  margin-top: 33px;
  padding: 0 30px;
}

@media screen and (max-width: 1199px) {
  .fz-about-store-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 25px;
    margin-top: 25px;
  }
}

.fz-about-store-btn:hover {
  color: #222222;
}

.fz-about-store-btn::before {
  border-radius: 5px;
  background-color: #ffffff;
}

.fz-account-form-section {
  padding: 120px 0;
}

@media screen and (max-width: 1199px) {
  .fz-account-form-section {
    padding: 50px 0;
  }
}

.fz-account-form-section .single-form-title {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 18px;
}

@media screen and (max-width: 991px) {
  .fz-account-form-section .single-form-title {
    font-size: 24px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .fz-account-form-section .single-form-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .fz-account-form-section .single-form-title {
    font-size: 20px;
  }
}

.fz-account-form-section form {
  border: 1px solid #eaeaea;
  padding: 40px 30px;
  display: grid;
  gap: 15px;
  border-radius: 3px;
}

@media screen and (max-width: 1199px) {
  .fz-account-form-section form {
    padding: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fz-account-form-section form {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-account-form-section form {
    padding: 15px;
  }
}

.fz-account-form-section form input[type=text],
.fz-account-form-section form input[type=email],
.fz-account-form-section form input[type=password] {
  width: 100%;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  height: 45px;
  padding: 0 20px;
}

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

  .fz-account-form-section form input[type=text],
  .fz-account-form-section form input[type=email],
  .fz-account-form-section form input[type=password] {
    height: 40px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 479px) {
  .fz-account-form-section form .sign-in-checkbox-container {
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
  }
}

.fz-account-form-section form .password-recovery-btn {
  color: #05707c;
  font-size: 15px;
}

.fz-account-form-section form .stay-sign-in {
  display: flex;
  align-items: center;
}

.fz-account-form-section form .stay-sign-in label {
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #222222;
  padding-left: 10px;
}

.fz-account-form-section form .single-form-btn {
  justify-self: start;
  border-radius: 3px;
  background-color: #222222;
  height: 45px;
  line-height: 43px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #222222;
  padding: 0 40px;
}

@media screen and (max-width: 991px) {
  .fz-account-form-section form .single-form-btn {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  .fz-account-form-section form .single-form-btn {
    height: 40px;
    line-height: 37px;
    padding: 0 25px;
  }
}

@media screen and (max-width: 479px) {
  .fz-account-form-section form .single-form-btn {
    padding: 0 20px;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
  }
}

.fz-account-form-section form .single-form-btn:hover {
  color: #222222;
}

.fz-account-form-section form .single-form-btn::before {
  border-radius: 3px;
  background-color: #ffffff;
}

.fz-checkout {
  padding: 100px 0;
}

@media screen and (max-width: 1199px) {
  .fz-checkout {
    padding: 50px 0;
  }
}

.fz-checkout-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .fz-checkout-title {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .fz-checkout-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.checkout-form {
  display: flex;
  gap: 25px;
}

@media screen and (max-width: 991px) {
  .checkout-form {
    flex-direction: column;
    align-items: center;
  }
}

.fz-billing-details {
  width: 70%;
}

@media screen and (max-width: 991px) {
  .fz-billing-details {
    width: 100%;
  }
}

.fz-billing-details input:not([type=checkbox]),
.fz-billing-details textarea,
.fz-billing-details .nice-select {
  width: 100%;
  border: 1px solid #eaeaea;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  margin-bottom: 20px;
}

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

  .fz-billing-details input:not([type=checkbox]),
  .fz-billing-details textarea,
  .fz-billing-details .nice-select {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
  }
}

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

  .fz-billing-details input:not([type=checkbox]),
  .fz-billing-details textarea,
  .fz-billing-details .nice-select {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
  }
}

.fz-billing-details input:not([type=checkbox])::after,
.fz-billing-details textarea::after,
.fz-billing-details .nice-select::after {
  content: "\f107";
  border: none;
  font-family: "Font Awesome 6 Pro";
  transform: rotate(0);
  margin: 0;
  top: 0;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 20px;
  transform-origin: center;
}

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

  .fz-billing-details input:not([type=checkbox])::after,
  .fz-billing-details textarea::after,
  .fz-billing-details .nice-select::after {
    right: 15px;
  }
}

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

  .fz-billing-details input:not([type=checkbox])::after,
  .fz-billing-details textarea::after,
  .fz-billing-details .nice-select::after {
    right: 10px;
  }
}

.fz-billing-details input:not([type=checkbox]).open::after,
.fz-billing-details textarea.open::after,
.fz-billing-details .nice-select.open::after {
  transform: rotate(180deg);
}

.fz-billing-details textarea {
  margin-bottom: 0;
  height: 150px;
  line-height: 1.4;
  padding: 20px;
}

@media screen and (max-width: 991px) {
  .fz-billing-details textarea {
    padding: 15px;
  }
}

@media screen and (max-width: 479px) {
  .fz-billing-details textarea {
    padding: 10px;
  }
}

.fz-billing-details .nice-select .list {
  width: 100%;
}

.additional-info {
  margin-top: 50px;
}

@media screen and (max-width: 479px) {
  .additional-info {
    margin-top: 30px;
  }
}

.fz-checkout-sidebar {
  width: 30%;
}

@media screen and (max-width: 991px) {
  .fz-checkout-sidebar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }
}

@media screen and (max-width: 767px) {
  .fz-checkout-sidebar {
    grid-template-columns: 1fr;
  }
}

.fz-checkout-sidebar .cart-checkout-area {
  width: 100%;
  padding: 20px;
  border-radius: 0;
  margin-bottom: 53px;
}

@media screen and (max-width: 767px) {
  .fz-checkout-sidebar .cart-checkout-area {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .fz-checkout-sidebar .cart-checkout-area {
    padding: 15px;
  }
}

.fz-checkout-sidebar .payment-area {
  border: 1px solid #eaeaea;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 479px) {
  .fz-checkout-sidebar .payment-area {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
  }
}

.checkout-payment-descr {
  padding: 20px 0;
  font-size: 14px;
  color: #777;
  text-transform: capitalize;
}

.checkout-payment-descr a {
  color: #05707c;
}

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

/*# sourceMappingURL=style.css.map */



.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

section.fz-4-category-section {
  background: rgb(5 112 124 / 30%);
}

/* 5 Columns Layout */
.col-xl-2-4 {
  width: 20%;
}

@media (max-width: 991px) {
  .col-lg-2-4 {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .col-md-4 {
    width: 33.33%;
  }
}

@media (max-width: 576px) {

  .col-sm-6,
  .col-6 {
    width: 50%;
  }
}

.footer-logo {
  width: 240px;
}

.fz-4-single-product {
  background: #e7f4f5;
}


@media screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 40px;
  }

  .pt-80 {
    padding-top: 40px;
  }

  .fz-11-offer .fz-11-offer-content-1 {
    flex-direction: column-reverse;
  }

  .fz-11-offer .fz-11-offer-content-txt-1 {
    text-align: right;
  }

  .fz-11-offer .fz-11-offer-img-container-1 {
    margin-right: auto;
  }

  .fz-11-offer .fz-11-offer-right-img-container-1 {
    margin-left: auto !important;
  }


}


.fz-about-store-area-1 {
  background-color: #e7f4f5;
  padding: 70px 0;
}



.fz-about-store-area-2 {
  background-color: #ffffff;
  padding: 70px 0;
}



















.list-view-on .fz-4-single-product {
  display: flex;
  position: relative;
  width: 100%;
  gap: 20px;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-4-single-product {
    gap: 10px;
  }
}

.list-view-on .fz-4-single-product .fz-4-single-product-img {
  position: static;
}

.list-view-on .fz-4-single-product .fz-4-single-product-img img {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  max-width: 180px;
  aspect-ratio: 1;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-4-single-product .fz-4-single-product-img img {
    max-width: 230px;
  }
}

@media screen and (max-width: 767px) {
  .list-view-on .fz-4-single-product .fz-4-single-product-img img {
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #f8f8f8;
    max-width: 180px;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-4-single-product .fz-4-single-product-img img {
    max-width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-4-single-product .fz-4-single-product-img img {
    max-width: 80px;
  }
}

.list-view-on .fz-4-single-product .fz-single-product__actions {
  position: static;
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
  translate: 0;
  display: none;
}

.list-view-on .fz-4-single-product .fz-single-product__actions.list-view-text {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.list-view-on .fz-4-single-product .fz-single-product__actions button {
  box-shadow: none;
  border: 1px solid #ededed;
  opacity: 1;
  translate: 0;
}

.list-view-on .fz-4-single-product .fz-single-product__txt {
  margin-top: 0;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  padding: 25px;
  gap: 0;
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-4-single-product .fz-single-product__txt {
    width: 100%;
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-4-single-product .fz-single-product__txt {
    padding: 10px;
  }
}

.list-view-on .fz-4-single-product .fz-single-product__category {
  color: #777;
  font-weight: 400;
}

/* @media screen and (max-width: 479px) {
  .list-view-on .fz-4-single-product .fz-single-product__category {
    display: none;
  }
} */

.list-view-on .fz-4-single-product .fz-single-product__title {
  font-size: 25px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-4-single-product .fz-single-product__title {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1199px) {
  .list-view-on .fz-4-single-product .fz-single-product__title {
    font-size: 23px;
  }
}

@media screen and (max-width: 991px) {
  .list-view-on .fz-4-single-product .fz-single-product__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-4-single-product .fz-single-product__title {
    font-size: 18px;
    margin-bottom: 0;
  }
}

.list-view-on .fz-4-single-product .fz-single-product__price-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1399px) {
  .list-view-on .fz-4-single-product .fz-single-product__price-rating {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 575px) {
  .list-view-on .fz-4-single-product .fz-single-product__price-rating {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .list-view-on .fz-4-single-product .fz-single-product__price-rating {
    margin-bottom: 0;
  }
}

.list-view-on .fz-4-single-product .fz-single-product__price-rating .rating {
  color: goldenrod;
  font-size: 12px;
}

.list-view-on .fz-4-single-product .fz-single-product__price {
  font-size: 16px;
}

.list-view-on .fz-4-single-product .fz-single-product__desc {
  margin-bottom: 17px;
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  .list-view-on .fz-4-single-product .fz-single-product__desc {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

/* @media screen and (max-width: 575px) {
  .list-view-on .fz-4-single-product .fz-single-product__desc {
    display: none;
  }
} */


.list-view-on .fz-4-single-product .fz-4-single-product-title a {
  text-align: left;
  margin-top: 10px;
  padding: 0;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories .cat-item a {
  padding: 5px 10px;
  display: block;

}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories a:hover {
  color: #ffffff;
  background: #05707c;
}

.fz-sidebar .sidebar-single-area.product-categories-area .product-categories a.active {
  color: #ffffff;
  background: #05707c;
}


/* CATEGORY DROPDOWN */

.product-categories {
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-categories .cat-item {
  border-bottom: 1px solid #eaeaea;
}

.product-categories .cat-item>a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  color: #222;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s;
}

.product-categories .cat-item>a:hover,
.product-categories .cat-item>a.active {
  color: #05707c;
}

.cat-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cat-parent>a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  color: #222;
  font-weight: 500;
  text-decoration: none;
}

.cat-toggle-btn {
  width: 35px;
  height: 35px;
  border: none;
  background: #f5f5f5;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 5px;
  flex-shrink: 0;
}

.cat-toggle-btn:hover {
  background: #05707c;
  color: #fff;
}

.sub-category {
  display: none;
  padding-left: 15px;
  margin-bottom: 10px;
}

.sub-category li {
  list-style: none;
}

.sub-category li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  color: #262626;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.sub-category li a:hover,
.sub-category li a.active {
  color: #05707c;
}

.has-sub-category.active .sub-category {
  display: block;
}

.has-sub-category.active .cat-toggle-btn i {
  transform: rotate(180deg);
}

.cat-toggle-btn i {
  transition: 0.3s;
}



/* PRODUCT COLORS */

.product-colors {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}

.color-box {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #ddd;
  display: inline-block;
  cursor: pointer;
}

.color-box.white {
  background: #ffffff;
}

.color-box.charcoal {
  background: #36454F;
}

.color-box.red {
  background: #d62828;
}

.color-box.blue {
  background: #2563eb;
}

.color-box.green {
  background: #198754;
}

.fz-product-details__category {
  display: inline-block;
  margin-bottom: 10px;
  color: #58516a;
  font-weight: 500;
}

.fz-product-details__colors {
  margin-top: 25px;
  margin-bottom: 20px;
}

.fz-product-details__img-nav img {
  cursor: pointer;
}

.bottom-header.d-lg-block.d-none {
  background: #e7f4f5;
}

.fz-product-details__txt p strong{
    font-size: 20px;
    margin-top: 20px !important;
}

.fz-product-details__txt ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fz-product-details__txt ul li {
    margin-top: 10px;
    font-size: 18px;
    color: #333;
}

.fz-product-details__descr h4{
    margin-bottom: 20px;
}

/* Desktop */
.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-row > div:nth-child(1) {
    width: 26%;
}

.footer-row > div:nth-child(2) {
    width: 14%;
}

.footer-row > div:nth-child(3) {
    width: 14%;
}

.footer-row > div:nth-child(4) {
    width: 20%;
}

.footer-row > div:nth-child(5) {
    width: 22%;
}

/* Remove bootstrap width */
.footer-row > div {
    flex: 0 0 auto;
}

/* Tablet */
@media (max-width: 991px) {

     .footer-row > div:nth-child(1) {
        width: 50%;
    }
    
    .footer-row > div:nth-child(2) {
        width: 25%;
    }
    
    .footer-row > div:nth-child(3) {
        width: 25%;
    }
    
    .footer-row > div:nth-child(4) {
        width: 50%;
    }
    
    .footer-row > div:nth-child(5) {
        width: 50%;
    }
}

/* Mobile */
@media (max-width: 767px) {

    
    .footer-row > div:nth-child(1) {
        width: 100%;
    }
    
    .footer-row > div:nth-child(2) {
        width: 50%;
    }
    
    .footer-row > div:nth-child(3) {
        width: 50%;
    }
    
    .footer-row > div:nth-child(4) {
        width: 100%;
    }
    
    .footer-row > div:nth-child(5) {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
  .fz-4-single-product-txt {
    text-align: left;
  }

  .fz-4-single-product-img {
    padding: 0px;
  }

  .fz-about-images-right-img img {
    width: 100%;
    margin: 20px 0 0px 20px;
  }
}