@charset "UTF-8";
/*-------------------------------------

//    Template Name: Athena Fashion
//    Version: 1.0.0
//    Author: Webstrot
    Copyright: © 2025-26

-----------------------------------------


    CSS INDEX
    ===================


---------------------------------------*/
/* ....................................
1. typography CSS 
.......................................*/
:root {
  /*light dark mode*/
  color-scheme: light dark;
  --bg-light: white;
  --text-black: #111111;
  --bg-dark: black;
  --text-dark: white;
  /* Primary colors */
  --white: #FFFFFF;
  /* Secondary colours */
  --chocolate: #704F38;
  --sand: #F9F9F9;
  --yellow: #FFD23D;
  --red: #E32D2D;
  --sky: #7EA4DE;
  --green: #91AC46;
  /* Neutral colours */
  --dark01: #949494;
  --dark02: #EFDED0;
  --dark03: #E39F6C;
  --dark04: #343335;
  --dark05: #414042;
  --dark06: #7A8791;
  --dark08: #7A8791;
  --dark09: #0D0D0D;
  --dark10: #7a8791;
  --dark11: #A1ABB0;
  --dark12: #202020;
  --dark13: #242424;
  --transparent: transparent;
  --fs8: 8px;
  --fs10: 10px;
  --fs12: 12px;
  --fs14: 14px;
  --fs16: 16px;
  --fs18: 18px;
  --fs20: 20px;
  --fs24: 24px;
  --fs26: 26px;
  --fs28: 28px;
  --fs30: 30px;
  --fs32: 32px;
  --fs34: 34px;
  --fs36: 36px;
  --fs38: 38px;
  --fs40: 40px;
  --fs42: 42px;
  --fs44: 44px;
  --fs48: 48px;
  --fs50: 50px;
  --fs64: 64px;
  --fs80: 80px;
  --fs90: 90px;
  --neoSansPro: "Neo Sans Pro";
  --transition-bg-1: background-color 0.3s, color 0.3s;
  --transition1: all 1s ease;
  --transition2: all 0.3s ease;
  --transition3: all 0.6s ease;
  --transition4: all 0.9s ease;
  --boxShadow01: 0px 12px 24px -8px #00000040;
  --boxShadow02: 0 5px 16px rgba(0, 0, 0, 0.2) // line height
      --line-height-8: 8px;
  --line-height-10: 10px;
  --line-height-12: 12px;
  --line-height-14: 14px;
  --line-height-16: 16px;
  --line-height-18: 18px;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --line-height-32: 32px;
  --line-height-38: 38px;
  --line-height-42: 42px;
  --line-height-48: 48px;
  --line-height-50: 50px;
  --line-height-54: 54px;
  --line-height-56: 56px;
  --line-height-64: 64px;
  --fw100: 100;
  --fw200: 200;
  --fw300: 300;
  --fw400: 400;
  --fw500: 500;
  --fw600: 600;
  --fw700: 700;
  --fw800: 800;
  --fw900: 900;
  --fwBold: bold;
  --br0: 0px;
  --br2: 2px;
  --br4: 4px;
  --br6: 6px;
  --br8: 8px;
  --br10: 10px;
  --br12: 12px;
  --br14: 14px;
  --br16: 16px;
  --br18: 18px;
  --br20: 20px;
  --br22: 22px;
  --br24: 24px;
  --br26: 26px;
  --br30: 30px;
  --br32: 32px;
  --br34: 34px;
  --br36: 36px;
  --br40: 40px;
  --br50: 50px;
  --br60: 60px;
  --br70: 70px;
  --br80: 80px;
  --br90: 90px;
  --br100: 100px;
  --p0: 0px;
  --p2: 2px;
  --p4: 4px;
  --p6: 6px;
  --p8: 8px;
  --p10: 10px;
  --p12: 12px;
  --p14: 14px;
  --p16: 16px;
  --p18: 18px;
  --p20: 20px;
  --p22: 22px;
  --p24: 24px;
  --p26: 26px;
  --p30: 30px;
  --p32: 32px;
  --p34: 34px;
  --p36: 36px;
  --p40: 40px;
  --p48: 48px;
  --p50: 50px;
  --p56: 56px;
  --p60: 60px;
  --p64: 64px;
  --p70: 70px;
  --p80: 80px;
  --p90: 90px;
  --p96: 96px;
  --p100: 100px;
  --py100: 100px 0;
  --py80: 80px 0;
  --py60: 60px 0;
  --py40: 40px 0;
  --py20: 20px 0;
  --px100: 0 100px;
  --px80: 0 80px;
  --px60: 0 60px;
  --px40: 0 40px;
  --px20: 0 20px;
  --m0: 0px;
  --m2: 2px;
  --m4: 4px;
  --m6: 6px;
  --m8: 8px;
  --m10: 10px;
  --m12: 12px;
  --m14: 14px;
  --m16: 16px;
  --m18: 18px;
  --m20: 20px;
  --m22: 22px;
  --m24: 24px;
  --m26: 26px;
  --m30: 30px;
  --m32: 32px;
  --m34: 34px;
  --m36: 36px;
  --m38: 38px;
  --m40: 40px;
  --m42: 42px;
  --m44: 44px;
  --m48: 48px;
  --m50: 50px;
  --m54: 54px;
  --m60: 60px;
  --m64: 64px;
  --m70: 70px;
  --m80: 80px;
  --m90: 90px;
  --m100: 100px;
  --my100: 100px 0;
  --my80: 80px 0;
  --my60: 60px 0;
  --my40: 40px 0;
  --my20: 20px 0;
  --mx100: 0 100px;
  --mx80: 0 80px;
  --mx60: 0 60px;
  --mx40: 0 40px;
  --mx20: 0 20px;
  --mAuto: auto;
  --mAutoX: 0 auto;
  --mAutoY: auto 0;
  --border0: 0;
  --borderSolid1: 1px solid;
  --borderSolid2: 2px solid;
  --borderSolid3: 3px solid;
  --borderSolid4: 4px solid;
  --borderSolid5: 5px solid;
  --width10: 10%;
  --width15: 15%;
  --width20: 20%;
  --width25: 25%;
  --width40: 40%;
  --width45: 45%;
  --width50: 50%;
  --width55: 55%;
  --width60: 60%;
  --width65: 65%;
  --width70: 70%;
  --width80: 80%;
  --width85: 85%;
  --width90: 90%;
  --width95: 95%;
  --width100: 100%;
}

@media (prefers-color-scheme: light) {
  .element {
    color: var(--text-light);
    background-color: var(--bg-light);
  }
}
@media (prefers-color-scheme: dark) {
  .element {
    color: var(--text-dark);
    background-color: var(--bg-dark);
  }
}
/*-------------------------------------

	Template Name: Start Up HTML Template
    Version: 1.0.0
    Author: Webstrot
    Copyright: © 2024-25
-------------------------------------

CSS INDEX
===================

1. float animation
2. swing animation
3. move animation css
4. rocket animation css
5. progress bar animation css
6. rotation animation css 
7. scroll down animation css start
8. heart beat animation  css
9. about page animation
10. img Circle hover css
11. wishlist btn animation 
12. image zoom effect css

----------------------------------------- */
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes sway {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
@keyframes simple-move1 {
  100% {
    transform: translate(0px, 20px);
  }
}
@keyframes simple-move {
  100% {
    transform: translate(20px, 0);
  }
}
@keyframes launching {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@keyframes fade_move_down {
  0% {
    transform: translate(0, -10px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 10px) rotate(45deg);
    opacity: 0;
  }
}
@keyframes beat {
  0%, 50%, 100% {
    transform: scale(1, 1);
  }
  30%, 80% {
    transform: scale(0.92, 0.95);
  }
}
/* keyframe animation */
@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}
@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}
@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
/* img Circle hover css*/
.img_circle_effect {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.img_circle_effect::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.img_circle_effect:hover::before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes beat {
  30% {
    opacity: 1;
    transform: scale(1.4);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.zoom_img_effect {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.zoom_img_effect img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.zoom_img_effect:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.shine-effect {
  position: relative;
}

.shine-effect {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.shine-effect::after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.shine-effect:hover::after {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/* ....................................
2. Font CSS 
.......................................*/
@font-face {
  font-family: "Kalnia";
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  src: url('/newmoban/_external/fonts.gstatic.com/s/kalnia/v5/11hdGpPCwUbbYwZZP0RBuDY62BQZhjvO4KMXQVR-.woff2') format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* latin-ext */
@font-face {
  font-family: "Kalnia";
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  src: url('/newmoban/_external/fonts.gstatic.com/s/kalnia/v5/11hdGpPCwUbbYwZZP0RBuDY62BQZhjvO4NEXQVR-.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Kalnia";
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  src: url('/newmoban/_external/fonts.gstatic.com/s/kalnia/v5/11hdGpPCwUbbYwZZP0RBuDY62BQZhjvO4N8XQQ.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-oPCI.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_FQft1dw.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_Gwft.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AUi-qJCY.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AXC-q.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwaPGR_p.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url('/newmoban/_external/fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Allura";
  font-style: normal;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/allura/v22/9oRPNYsQpS4zjuA_hAgWDto.woff2') format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Allura";
  font-style: normal;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/allura/v22/9oRPNYsQpS4zjuA_hQgWDto.woff2') format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Allura";
  font-style: normal;
  font-weight: 400;
  src: url('/newmoban/_external/fonts.gstatic.com/s/allura/v22/9oRPNYsQpS4zjuA_iwgW.woff2') format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ....................................
3. Common CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. Common css
  02. Common Heading
  03. Button
  04. heart icon css


**********************************************/
body {
  font-family: "Lato";
  background-color: var(--white);
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0;
}

h4 {
  margin: 0;
  padding: 0;
}

h5 {
  margin: 0;
  padding: 0;
}

h6 {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.custom_container {
  max-width: 1400px;
}

p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  margin: 0;
  padding: 0;
}

.titleBox {
  position: relative;
}
.titleBox h4 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
  transition: all 0.5s;
}
.titleBox h4 a {
  color: var(--chocolate);
}
.titleBox h2 {
  font-family: "Kalnia";
  font-weight: var(--fw600);
  font-size: var(--fs48);
  color: var(--chocolate);
  transition: all 0.5s;
}
.titleBox h2 a {
  color: var(--chocolate);
}
.titleBox .testi {
  position: absolute;
  font-family: "Kalnia";
  font-weight: 400;
  font-size: 90px;
  top: -25px;
  left: 10px;
  color: white;
  text-shadow: -1px -1px 0 var(--chocolate), 1px -1px 0 var(--chocolate), -1px 1px 0 var(--chocolate), 1px 1px 0 var(--chocolate);
  z-index: -1;
  opacity: 10%;
}

.commonHeading h5 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--chocolate);
  transition: all 0.5s;
}
.commonHeading h5 a {
  color: var(--chocolate);
}
.commonHeading h6 {
  font-family: "Lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  transition: all 0.5s;
}
.commonHeading h6 a {
  color: var(--chocolate);
}

.tilteTwo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--m60);
}
.tilteTwo .textBox {
  position: relative;
}
.tilteTwo .textBox h2 {
  font-family: "Kalnia";
  font-weight: var(--fw600);
  font-size: var(--fs44);
  color: var(--chocolate);
  transition: all 0.5s;
  position: relative;
}
.tilteTwo .textBox h2 a {
  color: var(--chocolate);
}
.tilteTwo .viewBtn a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
}

.mapSection {
  width: var(--width100);
  height: 100%;
  padding-bottom: 100px;
}

.btnOne {
  width: 200px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--chocolate);
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--white);
  border: 1px solid var(--transparent);
  transition: all 0.5s;
}

.btnOne:hover {
  background-color: var(--white);
  color: var(--chocolate);
  border-color: var(--chocolate);
}

.transparentBtn {
  width: 200px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--chocolate);
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.transparentBtn:hover {
  background-color: var(--chocolate);
  color: var(--white);
}

@media (max-width: 1199px) {
  .commonHeading h5 a {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .titleBox h2 {
    font-size: 35px;
  }
  .tilteTwo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--m30);
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .titleBox h2 {
    font-size: 24px;
  }
}
.socialLikeButtons ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.socialLikeButtons ul li .iconsBox {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50%;
}
.socialLikeButtons ul li .heart-button svg path {
  fill: transparent;
  transition: all 0.12s;
}
.socialLikeButtons ul li .heart-button.active svg {
  animation: liked 0.4s 1;
}
.socialLikeButtons ul li .heart-button.active svg path {
  fill: hsl(0, 100%, 60%);
  stroke: hsl(0, 100%, 60%);
}
@keyframes liked {
  0% {
    scale: 1;
    rotate: -15deg;
  }
  80% {
    scale: 1.2;
    rotate: 8deg;
  }
  100% {
    scale: 1.1;
    rotate: 0deg;
  }
}

.socialLikeButtons2 {
  right: 20px;
  position: absolute;
  top: 20px;
}

#preloader {
  background: var(--chocolate);
  z-index: 99999;
  transition: opacity 0.5s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--white);
  -webkit-animation: spin 2s linear infinite;
  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: var(--white);
  -webkit-animation: spin 3s linear infinite;
  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: var(--white);
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ....................................
4. components CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. Banner Section css
  02. Responsive css

**********************************************/
.bannerSec {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.bannerSec .bannerSecWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxOne {
  width: var(--width50);
  display: flex;
  justify-content: center;
  align-items: center;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox {
  width: var(--width100);
}
.bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox h1 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs90);
  color: var(--text-black);
  margin-bottom: var(--m30);
}
.bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m60);
}
.bannerSec .bannerSecWrapper .bannerInnerBoxTwo {
  width: var(--width50);
  display: flex;
  position: relative;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerImgBox {
  width: var(--width100);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  position: relative;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerImgBox img {
  border: 2px solid var(--chocolate);
  border-radius: 300px;
  padding: 20px;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
  position: absolute;
  width: 100%;
  max-width: 463px;
  height: 800px;
  background-color: var(--chocolate);
  top: -110px;
  right: -115px;
  position: absolute;
  border-radius: 0px 0px 230px 230px;
}
.bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent h2 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  color: var(--dark02);
  font-size: 120px;
  position: absolute;
  bottom: 325px;
  left: 115px;
  transform: rotate(90deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1599px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerImgBox img {
    max-width: 450px;
  }
}
@media (max-width: 1499px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
    max-width: 370px !important;
    right: -20px !important;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent h2 {
    font-size: 80px !important;
  }
}
@media (max-width: 1439px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
    max-width: 370px !important;
    right: -12px !important;
  }
}
@media (max-width: 1439px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox h1 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .bannerSec .bannerSecWrapper {
    flex-wrap: wrap;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne {
    width: 100%;
    margin-bottom: 50px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox h1 {
    font-size: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox p {
    text-align: center;
    max-width: 800px;
    margin-bottom: 40px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo {
    width: 100%;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
    display: none;
  }
}
@media (max-width: 767px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox h1 {
    font-size: 50px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox p {
    max-width: 500px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerImgBox img {
    max-width: 330px;
  }
}
@media (max-width: 500px) {
  .bannerSec .bannerSecWrapper .bannerInnerBoxOne .bannerTextBox h1 {
    font-size: 35px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerImgBox img {
    max-width: 250px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Banner Two Section css
  02. Responsive css

**********************************************/
.bannerTwoSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: #F8F1E9;
}
.bannerTwoSec .bannerTwoLeftBg {
  position: absolute;
  top: 0;
}
.bannerTwoSec .bannerTwoRightBg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bannerTwoSec .bannerWrapper {
  width: var(--width100);
  position: relative;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider {
  position: relative;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox {
  display: flex;
  position: relative;
  gap: 100px;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox {
  width: 40%;
  display: flex;
  justify-content: center;
  position: relative;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox img {
  width: var(--width100);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0px 140px 0px;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox {
  width: 100%;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h4 {
  font-family: "lato";
  color: var(--chocolate);
  position: relative;
  padding-left: 50px;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h4::after {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  background-color: var(--chocolate);
  left: 0;
  bottom: 50%;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs80);
  color: var(--bg-dark);
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 span {
  color: var(--chocolate);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox p {
  max-width: 772px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: 60px;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav {
  width: 100%;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev {
  position: absolute;
  left: -100px;
  top: 40%;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px dashed var(--dark01);
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev svg {
  width: 20px;
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev svg path {
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev:hover {
  border-color: var(--chocolate);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev:hover svg path {
  stroke: var(--chocolate);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next {
  position: absolute;
  top: 40%;
  right: -100px;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px dashed var(--dark01);
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next svg {
  width: 20px;
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next svg path {
  transition: all 0.5s;
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next:hover {
  border-color: var(--chocolate);
}
.bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next:hover svg path {
  stroke: var(--chocolate);
}

@media (max-width: 1599px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox {
    gap: 50px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 60px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 670px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-prev {
    left: 0px;
    width: 50px;
    height: 50px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .owl-nav .owl-next {
    right: 0px;
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1399px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox {
    width: 50%;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox {
    width: 50%;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 50px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 455px;
  }
}
@media (max-width: 1299px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox {
    padding-left: 85px;
  }
}
@media (max-width: 1099px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox {
    width: 100%;
    padding-left: 0;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox img {
    max-width: 500px;
    margin: 0 auto;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox {
    width: 100%;
    padding: 100px 0px 50px 0px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    text-align: center;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 670px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox {
    padding: 50px 0px 50px 0px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerImgBox img {
    max-width: 400px;
  }
}
@media (max-width: 550px) {
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 32px;
  }
  .bannerTwoSec .bannerWrapper .bannerTwoSlider .bannerInnerBox .bannerContentBox .titleBox h4 {
    font-size: 18px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Banner Three Section css
  02. Responsive css

**********************************************/
.bannerThreeSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: var(--sand);
}
.bannerThreeSec .bannerWrapper {
  width: var(--width100);
  position: relative;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider {
  position: relative;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox {
  display: flex;
  gap: 100px;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox {
  width: 40%;
  display: flex;
  justify-content: center;
  position: relative;
  padding-left: 150px;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox img {
  width: auto;
  height: auto;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0px 140px 0px;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox {
  width: 100%;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h4 {
  font-family: "lato";
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h4 span {
  color: var(--chocolate);
  text-decoration: underline;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs80);
  color: var(--bg-dark);
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox p {
  max-width: 772px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: 60px;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav {
  width: 100%;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev {
  position: absolute;
  left: 60px;
  top: 50%;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px dashed var(--dark01);
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev svg {
  width: 20px;
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev svg path {
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev:hover {
  border-color: var(--chocolate);
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev:hover svg path {
  stroke: var(--chocolate);
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px dashed var(--dark01);
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next svg {
  width: 20px;
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next svg path {
  transition: all 0.5s;
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next:hover {
  border-color: var(--chocolate);
}
.bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next:hover svg path {
  stroke: var(--chocolate);
}

@media (max-width: 1599px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox {
    gap: 50px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 60px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 670px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox {
    width: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    padding-left: 30px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox {
    width: 50%;
  }
}
@media (max-width: 1399px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox {
    width: 50%;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox {
    width: 50%;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 50px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 455px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1299px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox {
    padding-left: 0px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox img {
    object-fit: cover;
  }
}
@media (max-width: 1099px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox {
    width: 100%;
    padding-left: 0;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox img {
    max-width: 500px;
    margin: 0 auto;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox {
    width: 100%;
    padding: 50px 0px 50px 0px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    text-align: center;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox p {
    max-width: 670px;
    text-align: center;
  }
}
@media (max-width: 1099px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev {
    left: 30px;
    top: 45%;
    width: 40px;
    height: 40px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next {
    right: 30px;
    top: 45%;
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 550px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h1 {
    font-size: 32px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox h4 {
    font-size: 18px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerImgBox img {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .bannerInnerBox .bannerContentBox .titleBox p {
    margin-bottom: 20px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next {
    width: 40px;
    height: 40px;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-prev {
    left: 20px;
    top: 50%;
  }
  .bannerThreeSec .bannerWrapper .bannerThreeSlider .owl-nav .owl-next {
    top: 50%;
    right: 20px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. banner Four Section css
  02. Responsive css

**********************************************/
.bannerFourSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: #EFDED0;
}
.bannerFourSec .bannerFourWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider {
  width: var(--width100);
  position: relative;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox {
  width: var(--width100);
  position: relative;
  display: flex;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox {
  width: 100%;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h4 {
  font-family: "lato";
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h4 span {
  color: var(--chocolate);
  text-decoration: underline;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs80);
  color: var(--bg-dark);
  margin: var(--m20) var(--m0) var(--m60) var(--m0);
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox p {
  max-width: 772px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: 60px;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourImgBox {
  width: 40%;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourImgBox img {
  width: 100%;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav {
  width: 100%;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev {
  position: absolute;
  left: -180px;
  top: 40%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid var(--dark01);
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev svg {
  width: 30px;
  height: 36px;
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev svg path {
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev:hover {
  border-color: var(--chocolate);
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev:hover svg path {
  stroke: var(--chocolate);
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next {
  position: absolute;
  top: 40%;
  right: -180px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid var(--dark01);
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next svg {
  width: 30px;
  height: 36px;
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next svg path {
  transition: all 0.5s;
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next:hover {
  border-color: var(--chocolate);
}
.bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next:hover svg path {
  stroke: var(--chocolate);
}
.bannerFourSec .bannerLeftBg {
  position: absolute;
  left: 0;
  bottom: 0;
}
.bannerFourSec .bannerRightBg {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1599px) {
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    font-size: var(--fs64);
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav {
    width: 100%;
    position: absolute;
    bottom: 40px;
    justify-content: start;
    align-items: start;
    display: flex;
    gap: 30px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next {
    position: relative;
    right: 0;
    width: 50px;
    height: 50px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev {
    position: relative;
    left: 0;
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1199px) {
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    font-size: var(--fs40);
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    margin: var(--m20) var(--m0) var(--m40) var(--m0);
  }
}
@media (max-width: 991px) {
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    font-size: var(--fs30);
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    margin: var(--m20) var(--m0) var(--m20) var(--m0);
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev svg {
    width: 20px;
    height: 20px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next svg {
    width: 20px;
    height: 20px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next {
    width: 40px;
    height: 40px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav {
    bottom: 15px;
  }
}
@media (max-width: 767px) {
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox {
    flex-wrap: wrap;
    gap: 50px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox {
    width: 100%;
    margin-top: 50px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    text-align: center;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourImgBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourImgBox img {
    width: 100%;
    max-width: 300px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    font-size: var(--fs24);
    max-width: 400px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .bannerFourInnerBox .bannerFourContentBox .titleBox h1 {
    margin: var(--m20) var(--m0) var(--m26) var(--m0);
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev svg {
    width: 20px;
    height: 20px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next {
    width: 40px;
    height: 40px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next svg {
    width: 20px;
    height: 20px;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-next {
    top: 45%;
  }
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav .owl-prev {
    top: 45%;
  }
}
@media (max-width: 575px) {
  .bannerFourSec .bannerFourWrapper .bannerFourSlider .owl-nav {
    justify-content: center;
    align-items: center;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Cart Section css
  02. Responsive css

**********************************************/
.cart-icon {
  width: 40px;
  height: 40px;
}

.cart-sidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 460px;
  height: 100%;
  background-color: #F9F9F9;
  box-shadow: -2px 0 6px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  transition: 0.6s ease;
  transition-property: right;
  display: flex;
  flex-direction: column;
}

.cart-sidebar.active {
  right: 0;
}

.cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}

.cart-header .commonHeading h5 {
  color: var(--text-black);
}

.close-cart {
  font-size: 24px;
  cursor: pointer;
}

.cart-items {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0px 30px;
}

.cart-item {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  align-items: center;
}

.cardBorder {
  border-bottom: 1px solid #949494;
  padding-bottom: 16px;
}

.cart-item img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.item-details {
  flex: 1;
}

.item-details p {
  margin: 0;
  font-size: 14px;
}

.price {
  font-size: 14px;
  display: block;
  margin: 8px 0;
}

.price del {
  color: #888;
  margin-left: 5px;
  font-size: 12px;
}

.quantity {
  display: flex;
  align-items: center;
  gap: 5px;
}

.quantity .count {
  border: 1px solid var(--dark01);
  width: 30px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: var(--text-black);
}

.cart-footer {
  padding: 20px;
  border-top: 1px solid #ddd;
}

.cart-footer p {
  color: var(--dark01);
  font-size: var(--fs20);
}
.cart-footer p strong {
  color: var(--text-black);
  text-transform: uppercase;
}

.progress-bar {
  background-color: #eee;
  border-radius: 5px;
  height: 8px;
  margin: 15px 0px 20px 0px;
}

.filled-bar {
  background-color: #5c3d27;
  height: 100%;
  width: 0%;
  border-radius: 5px;
}

.total ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.total ul li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}

.cart-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.cart-actions button {
  padding: 10px;
  border: none;
  cursor: pointer;
  flex: 1;
  margin: 0 5px;
  border-radius: 5px;
}

.view-cart {
  background: white;
  border: 1px solid #5c3d27;
  color: #5c3d27;
}

.checkout {
  background: #5c3d27;
  color: white;
}

@media (max-width: 1199px) {
  .cart-sidebar {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .cart-sidebar {
    width: 300px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Img Slider Section css
  02. Responsive css

**********************************************/
.imgSliderSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.imgSliderSec .imgSliderWrapper {
  width: var(--width100);
  position: relative;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox {
  margin-top: 60px;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox {
  width: var(--width100);
  position: relative;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox {
  width: var(--width100);
  position: relative;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox img {
  width: var(--width100);
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
  width: var(--width100);
  min-width: 410px;
  position: absolute;
  bottom: 200px;
  left: 90px;
  transform: rotate(270deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
  width: var(--width100);
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs48);
  color: var(--text-black);
  display: inline-flex;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .paddingTop {
  padding-top: 50px;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-item.active {
  opacity: 0.5;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-item.active.center {
  opacity: inherit;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -114px;
  right: 250px;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

@media (max-width: 1699px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: 60px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
    font-size: 35px;
  }
}
@media (max-width: 1599px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: 45px;
  }
}
@media (max-width: 1499px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: 20px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav {
    right: 60px;
  }
}
@media (max-width: 1299px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: -15px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -65px;
  }
}
@media (max-width: 767px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: -15px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
    font-size: 18px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .paddingTop {
    padding-top: 0px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox {
    margin-top: 30px;
  }
}
@media (max-width: 670px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    left: -50px;
  }
}
@media (max-width: 599px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    bottom: 300px;
    left: 220px;
    justify-content: start;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
    font-size: 48px;
  }
}
@media (max-width: 500px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    bottom: 300px;
    left: 160px;
  }
}
@media (max-width: 400px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox h2 a {
    font-size: 34px;
  }
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    bottom: 300px;
    left: 100px;
  }
}
@media (max-width: 350px) {
  .imgSliderSec .imgSliderWrapper .imgSliderBox .imgSliderCardBox .imgBox .textBox {
    bottom: 300px;
    left: 70px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. side nav Section css
  02. Responsive css

**********************************************/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Summer Section css
  02. Responsive css

**********************************************/
.summerSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
  margin: var(--m50) 0px;
  background-color: var(--sand);
}
.summerSec .summerSecWrapper {
  width: var(--width100);
  position: relative;
  display: flex;
  gap: 30px;
}
.summerSec .summerSecWrapper .titleBox h4 {
  margin-bottom: 30px;
}
.summerSec .summerSecWrapper .summerInnerBoxOne {
  width: var(--width50);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox {
  width: var(--width100);
  position: relative;
  display: flex;
  justify-content: end;
  align-items: end;
}
.summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
  position: absolute;
  right: 320px;
  top: 50px;
}
.summerSec .summerSecWrapper .summerInnerBoxTwo {
  width: var(--width50);
  display: flex;
  justify-content: center;
  align-items: center;
}
.summerSec .summerSecWrapper .summerInnerBoxTwo .titleBox {
  width: var(--width100);
}
.summerSec .summerSecWrapper .summerInnerBoxTwo .titleBox p {
  margin-bottom: var(--m60);
}

@media (max-width: 1399px) {
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
    right: 280px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne img {
    width: 350px;
  }
}
@media (max-width: 1299px) {
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
    top: 115px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne img {
    width: 250px;
  }
}
@media (max-width: 991px) {
  .summerSec {
    padding: var(--p50) 0px;
  }
  .summerSec .summerSecWrapper {
    flex-wrap: wrap;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox {
    justify-content: center;
    align-items: center;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
    right: inherit;
    left: 140px;
    top: 100px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne img {
    width: 250px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxTwo {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .summerSec {
    margin: var(--m0);
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
    left: 80px;
    top: 150px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne img {
    width: 200px;
  }
  .summerSec .summerSecWrapper .titleBox h4 {
    margin-bottom: 10px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxTwo .titleBox p {
    margin-bottom: var(--m20);
  }
}
@media (max-width: 600px) {
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox {
    width: 100%;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne {
    left: 50px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxOne img {
    width: 150px;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxTwo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .summerSec .summerSecWrapper .summerInnerBoxOne .summerImgBox .imgBoxTwo img {
    width: 300px;
  }
}
@media (max-width: 400px) {
  .summerSec .summerSecWrapper .summerInnerBoxTwo .titleBox h4 {
    font-size: var(--fs24);
    margin-bottom: 10px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Trending Product Section css
  02. Responsive css

**********************************************/
.trendingProductSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p50) 0px;
}
.trendingProductSec .trendingProductWrapper {
  width: var(--width100);
  position: relative;
}
.trendingProductSec .trendingProductWrapper .titleBox {
  width: var(--width100);
  position: relative;
}
.trendingProductSec .trendingProductSliderBox {
  width: var(--width100);
  padding-left: 273px;
  position: relative;
  margin-top: 80px;
}
.trendingProductSec .trendingProductSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -133px;
  right: 250px;
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.trendingProductSec .trendingProductSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

.trendingProductCardBox {
  position: relative;
}
.trendingProductCardBox .cardImgBox {
  width: 100%;
  position: relative;
}
.trendingProductCardBox .cardImgBox .swap-on-hover {
  position: relative;
  width: 100%;
  height: 100%;
  height: 500px;
}
.trendingProductCardBox .cardImgBox .swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}
.trendingProductCardBox .cardImgBox .swap-on-hover .swap-on-hover__front-image {
  z-index: 99;
  transition: opacity 0.5s linear;
  cursor: pointer;
}
.trendingProductCardBox .cardImgBox .swap-on-hover3 {
  min-height: 939px;
}
.trendingProductCardBox .cardImgBox .discount {
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--chocolate);
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.trendingProductCardBox .cardImgBox .discount p {
  margin: 0;
  color: var(--white);
}
.trendingProductCardBox .cardImgBox .discount a {
  line-height: 8px;
}
.trendingProductCardBox .cardImgBox .greencolor {
  background-color: var(--green);
}
.trendingProductCardBox .cardImgBox .redcolor {
  background-color: var(--red);
}
.trendingProductCardBox .cardImgBox .skyColor {
  background-color: var(--sky);
}
.trendingProductCardBox .cardImgBox .skyColor3 {
  top: 40px;
}
.trendingProductCardBox .cardImgBox .iconListBox {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s ease-out;
  overflow: hidden;
  display: none;
  z-index: 99;
}
.trendingProductCardBox .cardImgBox .iconListBox li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
}
.trendingProductCardBox .cardImgBox .addBtn {
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99;
}
.trendingProductCardBox .cardImgBox .addBtn a {
  width: 100%;
}
.trendingProductCardBox .cardImgBox:hover .iconListBox {
  right: 15px;
  display: block;
}
.trendingProductCardBox .cardImgBox:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.trendingProductCardBox .cardImgBox2 .swap-on-hover2 {
  height: 364px;
  min-height: auto;
}
.trendingProductCardBox .cardTextBox {
  position: relative;
  margin-top: 15px;
}
.trendingProductCardBox .cardTextBox .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.trendingProductCardBox .cardTextBox .rating-box .titleBox .font20 {
  font-size: var(--fs20);
}
.trendingProductCardBox .cardTextBox .rating-box .rating a {
  display: flex;
  align-items: center;
}
.trendingProductCardBox .cardTextBox .rating-box .rating a span {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.trendingProductCardBox .cardTextBox .commonHeading h6 {
  margin: 5px 0px;
}
.trendingProductCardBox .cardTextBox p {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.trendingProductCardBox .cardTextBox p del {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.trendingProductCardBox:hover .cardTextBox .rating-box h4 a {
  color: var(--text-black);
}
.trendingProductCardBox:hover .cardTextBox h5 {
  color: var(--text-black);
}

.trendingProductCardBox .cardImgBox2 .swap-on-hover {
  height: 392px;
}

.ion-icon.active {
  animation: like 0.5s 1;
  fill: red;
  stroke: none;
}

.ion-icon {
  fill: transparent;
  stroke: black;
  stroke-width: 30;
  transition: all 0.5s;
}

@-webkit-keyframes like {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.1);
  }
}
.swap-on-hover:hover .swap-on-hover__front-image {
  opacity: 0;
}

@media (max-width: 1699px) {
  .trendingProductSec .trendingProductSliderBox {
    padding-left: 115px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent h2 {
    font-size: 100px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
    max-width: 415px;
    right: -60px;
  }
}
@media (max-width: 1499px) {
  .trendingProductSec .trendingProductSliderBox {
    padding-left: 70px;
  }
  .trendingProductSec .trendingProductSliderBox .owl-nav {
    right: 60px;
  }
}
@media (max-width: 1399px) {
  .trendingProductSec .trendingProductSliderBox {
    padding-left: 15px;
  }
  .trendingProductSec .trendingProductSliderBox .trendingProductCardBox .cardTextBox .rating-box .titleBox h4 {
    font-size: 22px;
  }
  .trendingProductSec .owl-nav {
    right: 15px;
  }
}
@media (max-width: 1199px) {
  .trendingProductSec .titleBox .testi {
    font-size: 64px;
    top: 0px;
  }
  .trendingProductSec .trendingProductSliderBox .trendingProductCardBox .cardTextBox p {
    font-size: 20px;
  }
  .trendingProductSec .trendingProductSliderBox .trendingProductCardBox .cardTextBox p del {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .trendingProductSec .trendingProductSliderBox .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -30px;
  }
  .trendingProductSec .titleBox .testi {
    display: none;
  }
  .trendingProductSec {
    padding: var(--p50) var(--p0) var(--p50) var(--p0);
  }
  .trendingProductSec .trendingProductSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .trendingProductSec .trendingProductSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
  .trendingProductSec .trendingProductSliderBox {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .trendingProductSec .trendingProductSliderBox {
    margin-top: 30px;
  }
  .trendingProductCardBox .cardTextBox .titleBox h4 {
    font-size: var(--fs18);
  }
  .trendingProductCardBox .cardTextBox p {
    font-size: var(--fs20);
  }
  .trendingProductCardBox .cardTextBox p del {
    font-size: var(--fs20);
  }
}
@media (max-width: 600px) {
  .trendingProductSec .trendingProductSliderBox {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Deals Section css
  02. Responsive css

**********************************************/
.DealsSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.DealsSec .DealsWrapper {
  width: var(--width100);
  position: relative;
}
.DealsSec .DealsWrapper .titleBox {
  width: var(--width100);
  position: relative;
}
.DealsSec .DealsSliderBox {
  width: var(--width100);
  position: relative;
  padding-left: 273px;
  margin-top: 80px;
}
.DealsSec .DealsSliderBox .DealsCardBox {
  position: relative;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox {
  width: 100%;
  position: relative;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .swap-on-hover {
  position: relative;
  width: 100%;
  height: 445px;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity 0.5s linear;
  cursor: pointer;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .discount {
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--chocolate);
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: 99999;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .discount p {
  margin: 0;
  color: var(--white);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .discount a {
  line-height: 8px;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .greencolor {
  background-color: var(--green);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .redcolor {
  background-color: var(--red);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .skyColor {
  background-color: var(--sky);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .iconListBox {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .iconListBox li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .addBtn {
  width: auto;
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox .addBtn a {
  width: 100%;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox:hover .iconListBox {
  right: 15px;
  opacity: 1;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardImgBox:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox {
  position: relative;
  margin-top: 15px;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox .rating-box .rating a {
  display: flex;
  align-items: center;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox .rating-box .rating a span {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox .commonHeading h6 {
  margin: 5px 0px;
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox p {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.DealsSec .DealsSliderBox .DealsCardBox .cardTextBox p del {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.DealsSec .DealsSliderBox .DealsCardBox:hover .cardTextBox .rating-box h4 a {
  color: var(--text-black);
}
.DealsSec .DealsSliderBox .DealsCardBox:hover .cardTextBox h5 {
  color: var(--text-black);
}
.DealsSec .DealsSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -133px;
  right: 250px;
}
.DealsSec .DealsSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.DealsSec .DealsSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.DealsSec .DealsSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.DealsSec .DealsSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.DealsSec .DealsSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.DealsSec .DealsSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.DealsSec .DealsSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.DealsSec .DealsSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

.swap-on-hover {
  position: relative;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 100px 0px 100px 0px;
}

/* Select the image and make it absolute to the container */
.swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}

/* 
	We set z-index to be higher than the back image, so it's alwyas on the front.

We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
*/
.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity 0.5s linear;
  cursor: pointer;
}

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
.swap-on-hover:hover > .swap-on-hover__front-image {
  opacity: 0;
}

@media (max-width: 1699px) {
  .DealsSec .DealsSliderBox {
    padding-left: 115px;
  }
}
@media (max-width: 1499px) {
  .DealsSec .DealsSliderBox {
    padding-left: 60px;
  }
  .DealsSec .DealsSliderBox .owl-nav {
    right: 60px;
  }
}
@media (max-width: 1399px) {
  .DealsSec .DealsSliderBox {
    padding-left: 15px;
  }
  .DealsSec .DealsSliderBox .DealsCardBox .cardTextBox .rating-box h4 a {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .DealsSec .DealsSliderBox .DealsCardBox .cardTextBox p {
    font-size: 20px;
  }
  .DealsSec .DealsSliderBox .DealsCardBox .cardTextBox p del {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .DealsSec {
    padding: var(--p50) var(--p0) var(--p100) var(--p0);
  }
  .DealsSec .DealsSliderBox .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -60px;
  }
  .DealsSec .DealsSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .DealsSec .DealsSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
  .DealsSec .DealsSliderBox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .DealsSec .DealsSliderBox {
    margin-top: 30px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. New Arival Section css
  02. Responsive css

**********************************************/
.newArivalSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p50) 0px;
}
.newArivalSec .newArivalWrapper {
  width: var(--width100);
  position: relative;
}
.newArivalSec .newArivalWrapper .titleBox {
  width: var(--width100);
  position: relative;
}
.newArivalSec .newArivalSliderBox {
  width: var(--width100);
  position: relative;
  padding-left: 273px;
  margin-top: 80px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox {
  width: var(--width100);
  position: relative;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox {
  width: 100%;
  position: relative;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .swap-on-hover {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity 0.5s linear;
  cursor: pointer;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .discount {
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--chocolate);
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: 99999;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .discount p {
  margin: 0;
  color: var(--white);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .discount a {
  line-height: 8px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .greencolor {
  background-color: var(--green);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .redcolor {
  background-color: var(--red);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .skyColor {
  background-color: var(--sky);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .iconListBox {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .iconListBox li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .addBtn {
  width: auto;
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox .addBtn a {
  width: 100%;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox:hover .iconListBox {
  right: 15px;
  opacity: 1;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardImgBox:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox {
  position: relative;
  margin-top: 15px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .rating-box .titleBox h4 a {
  margin: 15px 0px 10px 0px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .rating-box .rating a {
  display: flex;
  align-items: center;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .rating-box .rating a span {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .commonHeading h6 {
  color: var(--dark01);
  margin: 5px 0px;
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox p {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox p del {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox:hover .cardTextBox .rating-box h4 a {
  color: var(--text-black);
}
.newArivalSec .newArivalSliderBox .newArivalCardBox:hover .cardTextBox h5 {
  color: var(--text-black);
}
.newArivalSec .newArivalSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -133px;
  right: 250px;
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.newArivalSec .newArivalSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

.swap-on-hover:hover > .swap-on-hover__front-image {
  opacity: 0;
}

@media (max-width: 1699px) {
  .newArivalSec .newArivalSliderBox {
    padding-left: 115px;
  }
}
@media (max-width: 1499px) {
  .newArivalSec .newArivalSliderBox {
    padding-left: 60px;
  }
  .newArivalSec .newArivalSliderBox .owl-nav {
    right: 60px;
  }
}
@media (max-width: 1399px) {
  .newArivalSec .newArivalSliderBox {
    padding-left: 15px;
  }
  .newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox .rating-box h4 a {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox p {
    font-size: 20px;
  }
  .newArivalSec .newArivalSliderBox .newArivalCardBox .cardTextBox p del {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .newArivalSec {
    padding-bottom: 100px;
  }
  .newArivalSec .newArivalSliderBox {
    margin-top: 30px;
    padding-right: 15px;
  }
  .newArivalSec .newArivalSliderBox .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -50px;
  }
  .newArivalSec .newArivalSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .newArivalSec .newArivalSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Expert Section css
  02. Responsive css

**********************************************/
.expertsSec {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 100px 0px 30px 0px;
  background-color: var(--sand);
}
.expertsSec .expertsWrapper {
  width: 100%;
  position: relative;
}
.expertsSec .expertsWrapper .titleBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.expertsSec .expertsWrapper .expertsMainBox {
  width: 100%;
  display: flex;
  gap: 30px;
  margin-top: 80px;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox {
  width: 25%;
  background-color: #efded0;
  padding: 10px;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox .expertImgBox {
  width: 100%;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox .expertImgBox img {
  width: 100%;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox .commonHeading {
  width: 100%;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox .commonHeading h5 {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 10px;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox .commonHeading p {
  text-align: center;
}
.expertsSec .expertsWrapper .expertsMainBox .expertsCardBox:hover .commonHeading h5 a {
  color: var(--chocolate);
}
.expertsSec .expertsWrapper .expertsVeiwBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.expertsSec .expertsWrapper .expertsMainBox2 {
  margin-top: 0;
  flex-wrap: wrap;
  justify-content: center;
}
.expertsSec .expertsWrapper .expertsMainBox2 .expertsCardBox {
  width: 23%;
}

.expertsSec2 {
  margin-bottom: 50px;
  background-color: var(--white);
}

@media (max-width: 991px) {
  .expertsSec {
    padding: 30px 0px;
  }
  .expertsSec .expertsWrapper .expertsMainBox {
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .expertsSec .expertsWrapper .expertsMainBox .expertsCardBox {
    width: 48%;
  }
}
@media (max-width: 774px) {
  .expertsSec .expertsWrapper .expertsMainBox .expertsCardBox {
    width: 47%;
  }
}
@media (max-width: 524px) {
  .expertsSec .expertsWrapper .expertsMainBox .expertsCardBox {
    width: 100%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Client Reviews Section css
  02. Responsive css

**********************************************/
.clientReviews {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: 100px 0px 100px 0px;
}
.clientReviews .clientWrapper {
  width: var(--width100);
  position: relative;
}
.clientReviews .clientWrapper .titleBox .testi {
  position: absolute;
  font-family: "Kalnia";
  font-weight: 400;
  font-size: 90px;
  top: -25px;
  left: 10px;
  color: white;
  text-shadow: -1px -1px 0 var(--chocolate), 1px -1px 0 var(--chocolate), -1px 1px 0 var(--chocolate), 1px 1px 0 var(--chocolate);
  z-index: -1;
  opacity: 10%;
}
.clientReviews .clientReviewsSliderBox {
  width: 100%;
  position: relative;
  margin-top: 100px;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox {
  width: 100%;
  position: relative;
  display: flex;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .clientImgBox {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -50px;
  z-index: 999;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox {
  width: 520px;
  background-color: var(--dark02);
  padding: 30px 20px 30px 70px;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox .commonHeading h6 {
  margin-bottom: 30px;
  margin-top: 10px;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox p {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-black);
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/clientRiewimg.png');
  background-repeat: no-repeat;
  background-position: center;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox .rating-box {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox .rating-box .stars {
  width: 115px;
  height: 30px;
  display: flex;
  justify-content: center;
  background-color: var(--chocolate);
  border-radius: 4px;
}
.clientReviews .clientReviewsSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -150px;
  right: 0px;
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.clientReviews .clientReviewsSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

@media (max-width: 1199px) {
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox .clientTextBox h5 {
    margin-bottom: 15px;
  }
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox .clientTextBox p {
    font-size: 12px;
  }
  .clientReviews .clientWrapper .titleBox .testi {
    font-size: 70px;
    top: -5px;
  }
}
@media (max-width: 991px) {
  .clientReviews {
    padding: 50px 0px 100px 0px;
  }
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .clientReviews .clientReviewsSliderBox .owl-nav {
    top: inherit;
    right: 0px;
    bottom: -60px;
    justify-content: center;
  }
  .clientReviews .clientReviewsSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .clientReviews .clientReviewsSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .clientReviews .clientWrapper .titleBox .testi {
    font-size: 50px;
    top: -5px;
  }
  .clientReviews .clientReviewsSliderBox {
    margin-top: 50px;
  }
}
@media (max-width: 600px) {
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox {
    flex-wrap: wrap;
  }
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox .clientImgBox {
    margin-right: 0;
    width: 100%;
    max-width: 278px;
  }
  .clientReviews .clientReviewsSliderBox .clientReviewsCardBox .titleBox {
    width: 100%;
    padding: 20px 20px 20px 20px;
  }
}
@media (max-width: 500px) {
  .clientReviews .clientWrapper .titleBox .testi {
    font-size: 32px;
    top: 0px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Blog Section css
  02. Responsive css

**********************************************/
.latestNewArticles {
  background-color: hsl(0, 0%, 100%);
  padding: 80px 0 70px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsArtHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.latestNewArticles .latestNewsArticlesInner .medOurBlog .owl-nav {
  display: none;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard {
  position: relative;
  margin-top: 80px;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-item .item {
  margin-bottom: 20px;
  height: 100%;
  display: flex;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-item .item .owl-stage {
  display: flex;
  height: 100%;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -140px;
  right: 0px;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

.latestNewsCardInner {
  padding: 0px;
  background-color: transparent;
  border-radius: 4px;
  position: relative;
  z-index: 2;
}
.latestNewsCardInner .latestNewsCardImg a {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.latestNewsCardInner .latestNewsCardInnerContent {
  position: relative;
  background-color: var(--dark02);
  margin-top: 26px;
  margin-top: -100px;
  transition: all 0.5s;
  min-height: 238px;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsDate {
  position: absolute;
  top: -40px;
  right: 20px;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsDate a {
  background-color: var(--chocolate);
  display: flex;
  flex-direction: column;
  width: 80px;
  height: 80px;
  color: #fff;
  align-items: center;
  border-radius: 50px;
  border: 4px solid #fff;
  text-decoration: none;
  justify-content: center;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsDate a h5 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 26px;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsDate a span {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList {
  display: flex;
  gap: 20px;
  padding: 10px 0 20px 0;
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a,
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a,
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsDateBoxs a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-black);
  text-decoration: none;
  font-weight: var(--fw400);
  font-size: var(--fs20);
}
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a img,
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a img,
.latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsDateBoxs a img {
  width: 15px;
}
.latestNewsCardInner .latestNewsCardInnerContent .commonHeading {
  transition: all 0.5s;
}
.latestNewsCardInner .latestNewsCardInnerContent .commonHeading h5 {
  margin-bottom: 30px;
}
.latestNewsCardInner .latestNewsCardInnerContent .commonHeading h5 a {
  transition: all 0.5s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.latestNewsCardInner .latestNewsCardInnerContent .commonHeading p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m30);
}
.latestNewsCardInner .latestNewsCardInnerContent:hover .latestNewsList .latestNewsUser a,
.latestNewsCardInner .latestNewsCardInnerContent:hover .latestNewsList .latestNewsMessage a {
  color: var(--chocolate);
}
.latestNewsCardInner .latestNewsCardInnerContent:hover .commonHeading h5 a {
  color: var(--text-black);
}
.latestNewsCardInner .latestNewsCardInnerContent2 {
  margin-left: 28px;
  padding: 18px 18px;
}
.latestNewsCardInner .latestNewsCardInnerContent3 {
  background-color: var(--white);
  margin-top: 0;
}

.latestNewsCardInner3 .latestNewsCardImg a {
  margin-bottom: 0px;
}

.our_blog_02_column_with_sidebar_card_box .pagination {
  padding-bottom: 0;
}

@media (max-width: 1399px) {
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .commonHeading h4 a {
    font-size: 22px;
  }
}
@media (max-width: 1299px) {
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a,
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a,
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsDateBoxs a {
    font-size: var(--fs16);
  }
}
@media (max-width: 1199px) {
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a {
    font-size: 14px;
  }
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .latestNewArticles {
    padding: 50px 0 80px;
  }
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav {
    bottom: -50px;
    top: inherit;
    justify-content: center;
  }
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .latestBlogThree {
    padding: 50px 0 30px 0px !important;
  }
}
@media (max-width: 600px) {
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsDate a {
    width: 70px;
    height: 70px;
  }
  .latestNewsCardInner .latestNewsCardInnerContent {
    margin-top: -60px;
  }
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList {
    gap: 10px;
    padding: 10px 0 10px 0;
  }
  .latestNewsCardInner .latestNewsCardInnerContent .commonHeading h5 {
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList {
    flex-wrap: wrap;
  }
}
.latestNewArticlesTwo {
  background-color: hsl(0, 0%, 100%);
  padding: 80px 0px 100px 0px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsArtHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .medOurBlog .owl-nav {
  display: none;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo {
  position: relative;
  margin-top: 80px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item {
  margin-bottom: 20px;
  height: 100%;
  display: flex;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner {
  padding: 0px;
  background-color: transparent;
  border-radius: 4px;
  position: relative;
  z-index: 2;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardImg a {
  display: inline-block;
  width: 100%;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardImg a img {
  border-radius: 10px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent {
  position: relative;
  background-color: var(--white);
  transition: all 0.5s;
  height: auto;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList {
  display: flex;
  gap: 20px;
  padding: 10px 0 15px 0;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a,
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a,
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsDateBox a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-black);
  text-decoration: none;
  font-weight: var(--fw400);
  font-size: var(--fs20);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsUser a img,
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsMessage a img,
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList .latestNewsDateBox a img {
  width: 15px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .commonHeading {
  transition: all 0.5s;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .commonHeading h5 {
  margin-bottom: 20px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .commonHeading p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m40);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent:hover .commonHeading h5 a {
  color: var(--text-black);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .owl-stage {
  display: flex;
  height: 100%;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -140px;
  right: 0px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}

.latestBlogThree {
  background-color: hsl(0, 0%, 100%);
  padding: 80px 0 70px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.latestBlogThree .latestBlogThreeWrapper {
  width: var(--width100);
  position: relative;
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox {
  width: var(--width100);
  position: relative;
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox .latestBlogThreeSlider {
  width: var(--width100);
  position: relative;
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox .latestBlogThreeSlider .latestNewsCardInner {
  width: var(--width100);
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox .latestBlogThreeSlider .latestNewsCardInner .latestNewsCardImg {
  width: var(--width100);
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox .latestBlogThreeSlider .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  margin-top: 10px;
  display: inline-flex;
}
.latestBlogThree .latestBlogThreeWrapper .latestBlogThreeMainBox .latestBlogThreeSlider .latestNewsCardInner .latestNewsCardInnerContent .commonHeading {
  margin: 10px 0px 30px 0px;
}

@media (max-width: 991px) {
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -60px;
  }
  .latestNewArticlesTwo {
    padding: 50px 0px 100px 0px;
  }
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .latestNewArticles .latestNewsArticlesInner .latestNewsCard {
    margin-top: 0px;
  }
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 600px) {
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsCardTwo .owl-item .item .latestNewsCardInner .latestNewsCardInnerContent .latestNewsList {
    flex-wrap: wrap;
  }
  .latestNewArticlesTwo .latestNewsArticlesInner .latestNewsArtHead .titleBox h2 {
    text-align: center;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Patners Section css
  02. Responsive css

**********************************************/
.patner_sec_wrapper {
  width: 100%;
  height: 100%;
  padding: 60px 0px;
  background-color: var(--sand);
}
.patner_sec_wrapper .patner_slider {
  width: 100%;
  position: relative;
}
.patner_sec_wrapper .patner_slider .partner_img_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patner_sec_wrapper .owl-carousel .owl-item img {
  width: auto;
}

/************ TABLE OF CONTENTS ***************

  01. Count Section css
  02. Responsive css

**********************************************/
.countDwonSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: var(--sand);
  margin-top: 50px;
}
.countDwonSec .countDwonWrapper {
  width: var(--width100);
  display: flex;
  gap: 30px;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxOne {
  width: 40%;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox {
  width: var(--width100);
  position: relative;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox {
  position: relative;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox h4 {
  margin-bottom: 15px;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox h2 {
  margin-bottom: 15px;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  margin-bottom: 30px;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul {
  display: flex;
  gap: 30px;
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li {
  width: 180px;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #EFDED0;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li span {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs48);
  color: var(--chocolate);
}
.countDwonSec .countDwonWrapper .shopNowbutton {
  margin-top: var(--m50);
}

@media (max-width: 991px) {
  .countDwonSec .countDwonWrapper {
    flex-wrap: wrap;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxOne {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo {
    width: 100%;
    margin-bottom: 30px;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox h4 {
    text-align: center;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox h2 {
    text-align: center;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .titleBox p {
    text-align: center;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  .countDwonSec .countDwonWrapper .countDwonInnerBoxOne .imgBox img {
    width: 350px;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox #countdown .countdown-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li span {
    font-size: var(--fs24);
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li {
    font-size: var(--fs16);
    width: 80px;
    height: 80px;
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul {
    gap: 10px;
  }
}
@media (max-width: 450px) {
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox #countdown .countdown-blocks {
    grid-template-columns: repeat(1, 1fr);
  }
  .countDwonSec .countDwonWrapper .countDwonInnerBoxTwo .countDwonTextBox .countdownInfoBox .countdown ul li {
    font-size: var(--fs12);
    width: 60px;
    height: 60px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. collections Section css
  02. Responsive css

**********************************************/
.collectionSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
  background-color: var(--sand);
}
.collectionSec .collectionWrapper {
  width: var(--width100);
  position: relative;
  display: flex;
  gap: 30px;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .imgBox {
  width: var(--width100);
  height: 100%;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .imgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .textBox {
  width: 100%;
  height: 100%;
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/collectionTextBg.png');
  background-position: center;
  background-repeat: no-repeat;
  padding: 86px 44px;
  background-size: cover;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .textBox .titleBox h4 {
  text-align: center;
  color: var(--text-black);
  margin-bottom: 50px;
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .textBox .titleBox h4 span {
  color: var(--chocolate);
}
.collectionSec .collectionWrapper .collectionInfoBoxOne .textBox .exploreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collectionSec .collectionWrapper .collectionInfoBoxTwo {
  width: 33%;
}
.collectionSec .collectionWrapper .collectionInfoBoxTwo .imgBox {
  width: var(--width100);
  height: 100%;
}
.collectionSec .collectionWrapper .collectionInfoBoxTwo .imgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .textBox {
  width: 100%;
  height: 100%;
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/collectionTextBg.png');
  background-position: center;
  background-repeat: no-repeat;
  padding: 62px 18px;
  background-size: cover;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .textBox .titleBox h4 {
  text-align: center;
  margin-bottom: 50px;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .textBox .titleBox h4 span {
  color: var(--chocolate);
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .textBox p {
  text-align: center;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .textBox .shopBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .imgBox {
  width: var(--width100);
  height: 100%;
}
.collectionSec .collectionWrapper .collectionInfoBoxThree .imgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .collectionSec {
    padding: var(--p30) var(--p0);
  }
  .collectionSec .collectionWrapper {
    flex-wrap: wrap;
  }
  .collectionSec .collectionWrapper .collectionInfoBoxOne {
    width: 100%;
    flex-direction: row;
  }
  .collectionSec .collectionWrapper .collectionInfoBoxTwo {
    width: 100%;
  }
  .collectionSec .collectionWrapper .collectionInfoBoxThree {
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .collectionSec .collectionWrapper .collectionInfoBoxOne {
    flex-direction: column;
  }
  .collectionSec .collectionWrapper .collectionInfoBoxThree {
    flex-direction: column;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Marquee Section css
  02. Responsive css

**********************************************/
.marquee_container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: #704f38;
  border: 5px solid #e39f6c;
}

.marquee {
  animation: marquee 10s linear infinite;
}
.marquee ul {
  display: flex;
  gap: 50px;
}
.marquee ul li {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs48);
  color: var(--white);
  padding: 15px;
  list-style: disc;
}

@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@media (max-width: 1399px) {
  .marquee ul li {
    font-size: 22px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Search Box Section css
  02. Responsive css

**********************************************/
.searchBarSec {
  width: 100%;
  height: 100%;
  position: relative;
}
.searchBarSec .modal .modal-dialog .modal-content {
  padding: 50px;
  background: #f9f9f9;
  border-radius: 0;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 0;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-header .modal-title {
  font-family: "Kalnia";
  font-weight: var(--fw600);
  font-size: var(--fs48);
  color: var(--chocolate);
  transition: all 0.5s;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper {
  max-width: 1280px;
  margin: 0;
  padding: 0;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section .search-box {
  display: flex;
  border: 1px solid #949494;
  border-radius: 5px;
  overflow: hidden;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section .search-box input {
  flex: 1;
  padding: 10px;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: var(--white);
  color: var(--dark01);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section .search-box .searchbtn {
  padding: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section .searchIcon svg {
  width: 26px;
  height: 26px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .search-section .searchIcon svg path {
  fill: #949494;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .popular-searches .titleBox h4 {
  color: var(--chocolate);
  margin-bottom: 20px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .popular-searches .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .popular-searches .tags span {
  background: #f0f0f0;
  padding: 8px 14px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .popular-searches .tags span a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(fs16);
  color: var(--dark01);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .titleBox h4 {
  margin-bottom: 30px;
  color: var(--chocolate);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  padding-bottom: 10px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card {
  min-width: 120px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card .ratingBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card .ratingBox h6 a {
  font-family: "lato";
  font-weight: var(fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card .ratingBox a {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--black);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card .priceBox p {
  font-family: "lato";
  font-weight: var(fw400);
  font-size: var(--fs20);
  color: var(--black);
}
.searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .product-list .product-card .priceBox p del {
  color: var(--dark01);
}

/* Recommendations */
.product-card img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.modal.fade .modal-dialog {
  max-width: inherit;
  margin: 0;
  padding: 0;
}

.modal-header .btn-close {
  position: absolute;
  right: 40px;
  top: 40px;
}

@media (max-width: 991px) {
  .searchBarSec .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: var(--fs36);
  }
}
@media (max-width: 767px) {
  .searchBarSec .modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: var(--fs26);
  }
}
@media (max-width: 500px) {
  .searchBarSec .modal .modal-dialog .modal-content {
    padding: 40px 20px 20px 20px;
    background: #f9f9f9;
    border-radius: 0;
  }
  .modal-header .btn-close {
    right: 20px;
    top: 20px;
  }
  .searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .popular-searches .titleBox h4 {
    font-size: var(--fs20);
  }
  .searchBarSec .modal .modal-dialog .modal-content .modal-body .searchWrapper .recommendations .titleBox h4 {
    font-size: var(--fs20);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Shop Category Section css
  02. Responsive css

**********************************************/
.shopCategorySec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.shopCategorySec .shopCategorySecWrapper .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.shopCategorySec .shopCategoryMainBox {
  width: var(--width100);
  position: relative;
  margin-top: var(--m30);
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider {
  position: relative;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox {
  position: relative;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox {
  width: 100%;
  position: relative;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox .titleBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(239, 222, 208, 0.81);
  padding: var(--p14) var(--p0);
  transition: all 0.5s;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox .titleBox h2 {
  margin: 0;
  text-align: center;
  transition: all 0.5s;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox .titleBox h2 a {
  transition: all 0.5s;
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox:hover .titleBox {
  background-color: var(--chocolate);
}
.shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox:hover .titleBox h2 a {
  color: var(--white);
}

@media (max-width: 1699px) {
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryTextBox h2 {
    font-size: var(--fs64) !important;
  }
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details .titleBox h4 {
    font-size: var(--fs24) !important;
  }
  .shopCategorySec .shopCategoryMainBox .shopCategorySlider .item .shopImgCardBox .imgBox .titleBox h2 {
    font-size: var(--fs26);
  }
}
@media (max-width: 1199px) {
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox {
    padding: 30px 30px !important;
  }
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryTextBox h2 {
    font-size: var(--fs48) !important;
  }
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryCountBox .container2 ul {
    gap: 15px;
  }
}
@media (max-width: 1199px) {
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox {
    flex-direction: column;
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .shopCategorySec {
    padding: var(--p30) var(--p0) var(--p0) var(--p0);
  }
  .shopByCategorySec {
    padding: 50px 0px 100px 0px !important;
  }
}
@media (max-width: 500px) {
  .container2 ul li {
    font-size: var(--fs18) !important;
  }
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryList ul li .shopListBox .textBox a {
    font-size: var(--fs24) !important;
  }
  .shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryTextBox h2 {
    font-size: var(--fs40) !important;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Ads Section css
  02. Responsive css

**********************************************/
.adsSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: 50px 0px 100px 0px;
}
.adsSec .adsSecWrapper {
  width: var(--width100);
  position: relative;
  display: flex;
  gap: 30px;
}
.adsSec .adsSecWrapper .adsInnerBoxOne {
  width: var(--width60);
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne {
  width: 100%;
  height: 413px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_02/ads-img-01.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.43);
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox {
  position: absolute;
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  text-align: center;
  margin-bottom: var(--m16);
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox h2 {
  font-size: var(--fs44);
  margin-bottom: var(--m16);
}
.adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox h4 {
  color: var(--chocolate);
  text-decoration: underline;
}
.adsSec .adsSecWrapper .adsInnerBoxTwo {
  width: var(--width40);
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo {
  width: 100%;
  height: 413px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_02/ads-img-02.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.43);
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo .textBox {
  position: absolute;
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo .textBox .titleBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo .textBox .titleBox h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  text-align: center;
  margin-bottom: var(--m16);
}
.adsSec .adsSecWrapper .adsInnerBoxTwo .imgBoxTwo .textBox .titleBox h2 {
  font-size: var(--fs44);
  margin-bottom: var(--m16);
}

@media (max-width: 991px) {
  .adsSec {
    padding: 50px 0px 50px 0px;
  }
  .adsSec .adsSecWrapper {
    flex-wrap: wrap;
  }
  .adsSec .adsSecWrapper .adsInnerBoxOne {
    width: var(--width100);
  }
  .adsSec .adsSecWrapper .adsInnerBoxTwo {
    width: var(--width100);
  }
}
@media (max-width: 500px) {
  .adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox h2 {
    font-size: var(--fs26);
  }
  .adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxOne .textBox .titleBox h4 {
    font-size: var(--fs24);
  }
  .adsSec .adsSecWrapper .adsInnerBoxOne .imgBoxTwo .textBox .titleBox h2 {
    font-size: var(--fs26);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Casual Section css
  02. Responsive css

**********************************************/
.casualSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: var(--sand);
}
.casualSec:after {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_02/casual-bg.png');
  background-repeat: no-repeat;
  position: absolute;
}
.casualSec .casualSecWrapper {
  width: var(--width100);
  position: relative;
  display: flex;
  z-index: 99;
}
.casualSec .casualSecWrapper .casualInnerBoxOne {
  width: var(--width50);
  display: flex;
  justify-content: center;
  align-items: center;
}
.casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h1 {
  font-family: "Allura";
  font-weight: var(--fw400);
  font-size: var(--fs90);
  color: var(--chocolate);
}
.casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h2 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs90);
  color: var(--text-black);
  margin-top: -50px;
  margin-bottom: var(--m30);
}
.casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h4 {
  font-family: "lato";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
  text-align: center;
  margin-bottom: 60px;
}
.casualSec .casualSecWrapper .causalInnerBoxTwo {
  width: var(--width50);
}
.casualSec .casualSecWrapper .causalInnerBoxTwo .causalImgBox {
  width: var(--width100);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 99;
}
.casualSec .casualSecWrapper .causalInnerBoxTwo .causalImgBox img {
  position: relative;
  z-index: 99;
}

@media (max-width: 1199px) {
  .casualSec {
    margin-top: 50px;
  }
  .casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h1 {
    line-height: 126px;
    font-size: var(--fs64);
  }
  .casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h2 {
    font-size: var(--fs64);
  }
}
@media (max-width: 991px) {
  .casualSec .casualSecWrapper {
    flex-direction: column;
    gap: 50px;
  }
  .casualSec .casualSecWrapper .casualInnerBoxOne {
    width: var(--width100);
  }
  .casualSec .casualSecWrapper .causalInnerBoxTwo {
    width: var(--width100);
  }
  .casualSec::after {
    display: none;
  }
}
@media (max-width: 450px) {
  .casualSec {
    margin-top: 50px;
  }
  .casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h1 {
    line-height: 126px;
    font-size: var(--fs40);
  }
  .casualSec .casualSecWrapper .casualInnerBoxOne .causalTextBox h2 {
    font-size: var(--fs30);
  }
}
/************ TABLE OF CONTENTS ***************

  01. testimonail Section css
  02. Responsive css

**********************************************/
.testimonial-wrapper {
  margin-left: 255px;
  font-family: "Segoe UI", sans-serif;
  text-align: center;
}
.testimonial-wrapper .testimonial-heading {
  font-size: 2.5rem;
  margin-bottom: 50px;
  color: #432f21;
}
.testimonial-wrapper .testimonial-content {
  display: flex;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec {
  width: 30%;
  height: 100%;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info {
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 260px;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.5s ease;
  width: 100%;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide.active {
  opacity: 1;
  transform: translateX(0);
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide h3 {
  font-size: 1.5rem;
  color: #5b3b29;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide .role {
  color: #999;
  margin-bottom: 10px;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide .desc {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .testimonial-slide .rating {
  color: #ffb400;
  font-size: 1.2rem;
  margin-top: 15px;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .nav-buttons {
  margin-top: 200px;
  display: flex;
  gap: 15px;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .nav-buttons .nav {
  background: #5b3b29;
  color: white;
  border: none;
  padding: 10px 14px;
  font-size: 1.2rem;
  border-radius: 4px;
  cursor: pointer;
}
.testimonial-wrapper .testimonial-content .testimonailleftSec .testimonial-info .nav-buttons .nav:hover {
  background: #3d271a;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox {
  width: 70%;
  display: flex;
  gap: 30px;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-main-image {
  width: 20%;
  height: 100%;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-main-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-thumbnails {
  width: 50%;
  display: flex;
  gap: 20px;
  align-items: end;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-thumbnails .thumb {
  width: 210px;
  height: 300px;
  object-fit: cover;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.3s, border 0.3s;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-thumbnails .thumb.active {
  border-color: #5b3b29;
}
.testimonial-wrapper .testimonial-content .testimonailRightBox .testimonial-thumbnails .thumb:hover {
  transform: scale(1.1);
}

.testim {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 40px 20px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: absolute;
  color: #333;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: green;
}

.testim .arrow.left {
  left: 70px;
}

.testim .arrow.right {
  right: 70px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid green;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: green;
  border-color: green;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale 0.5s ease-in-out forwards;
  -moz-animation: testim-scale 0.5s ease-in-out forwards;
  -ms-animation: testim-scale 0.5s ease-in-out forwards;
  -o-animation: testim-scale 0.5s ease-in-out forwards;
  animation: testim-scale 0.5s ease-in-out forwards;
}

.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont > div.inactive {
  opacity: 1;
}

.testim .cont > div.active {
  position: relative;
  opacity: 1;
}

.testim .cont div .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont div h2 {
  color: green;
  font-size: 1em;
  margin: 15px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  color: #333;
  width: 70%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show 0.5s ease-in-out forwards;
  -moz-animation: testim-show 0.5s ease-in-out forwards;
  -ms-animation: testim-show 0.5s ease-in-out forwards;
  -o-animation: testim-show 0.5s ease-in-out forwards;
  animation: testim-show 0.5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in 0.4s ease-in-out forwards;
  -moz-animation: testim-content-in 0.4s ease-in-out forwards;
  -ms-animation: testim-content-in 0.4s ease-in-out forwards;
  -o-animation: testim-content-in 0.4s ease-in-out forwards;
  animation: testim-content-in 0.4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in 0.5s ease-in-out forwards;
  -moz-animation: testim-content-in 0.5s ease-in-out forwards;
  -ms-animation: testim-content-in 0.5s ease-in-out forwards;
  -o-animation: testim-content-in 0.5s ease-in-out forwards;
  animation: testim-content-in 0.5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide 0.5s ease-in-out forwards;
  -moz-animation: testim-hide 0.5s ease-in-out forwards;
  -ms-animation: testim-hide 0.5s ease-in-out forwards;
  -o-animation: testim-hide 0.5s ease-in-out forwards;
  animation: testim-hide 0.5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out 0.4s ease-in-out forwards;
  -moz-animation: testim-content-out 0.4s ease-in-out forwards;
  -ms-animation: testim-content-out 0.4s ease-in-out forwards;
  -o-animation: testim-content-out 0.4s ease-in-out forwards;
  animation: testim-content-out 0.4s ease-in-out forwards;
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out 0.5s ease-in-out forwards;
  -moz-animation: testim-content-out 0.5s ease-in-out forwards;
  -ms-animation: testim-content-out 0.5s ease-in-out forwards;
  -o-animation: testim-content-out 0.5s ease-in-out forwards;
  animation: testim-content-out 0.5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }
  35% {
    -webkit-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }
  70% {
    -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}
@-moz-keyframes testim-scale {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }
  35% {
    -moz-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }
  70% {
    -moz-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }
  100% {
    -moz-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}
@-ms-keyframes testim-scale {
  0% {
    -ms-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }
  35% {
    -ms-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }
  70% {
    -ms-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }
  100% {
    -ms-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}
@-o-keyframes testim-scale {
  0% {
    -o-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }
  35% {
    -o-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }
  70% {
    -o-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }
  100% {
    -o-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}
@keyframes testim-scale {
  0% {
    box-shadow: 0px 0px 0px 0px #eee;
  }
  35% {
    box-shadow: 0px 0px 10px 5px #eee;
  }
  70% {
    box-shadow: 0px 0px 10px 5px #ea830e;
  }
  100% {
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}
@-webkit-keyframes testim-content-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes testim-content-in {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes testim-content-in {
  from {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes testim-content-in {
  from {
    opacity: 0;
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes testim-content-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes testim-content-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-moz-keyframes testim-content-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-ms-keyframes testim-content-out {
  from {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-o-keyframes testim-content-out {
  from {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes testim-content-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@-webkit-keyframes testim-show {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes testim-show {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes testim-show {
  from {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes testim-show {
  from {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes testim-show {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes testim-hide {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes testim-hide {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}
@-ms-keyframes testim-hide {
  from {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes testim-hide {
  from {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes testim-hide {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}
@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }
  .testim .cont div p {
    line-height: 25px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Testimonails - 04 Section css
  02. Responsive css

**********************************************/
.testimonailsFourSec {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 100px 0px;
  background-color: var(--sand);
}
.testimonailsFourSec .testimonialsFourWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.testimonailsFourSec .testimonialsFourWrapper .titleBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider {
  position: relative;
  width: 100%;
  margin-top: 60px;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox {
  position: relative;
  background-color: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0784313725);
  padding: var(--p60) var(--p24);
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox .stars {
  opacity: 0;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox .stars ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--m20);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  text-align: center;
  color: var(--text-black);
  margin-bottom: var(--m20);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox .commonHeading h6 {
  opacity: 0;
  margin-top: var(--m10);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .testimonialCardBox .commaBox {
  position: absolute;
  right: 20px;
  z-index: 99;
  bottom: -20px;
  opacity: 0;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--m40);
  gap: 10px;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-dots .owl-dot span {
  border: 1px solid #949494;
  width: 14px;
  height: 14px;
  display: flex;
  border-radius: 50px;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-dots .owl-dot.active span {
  border-color: transparent;
  background-color: var(--chocolate);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage .item {
  transform: translate3d(0, 0, 0);
  /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
  margin: 50px 0;
  /* OVERWRITE PLUGIN MARGIN */
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage .center .testimonialCardBox {
  margin-bottom: 20px;
  padding: var(--p24);
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage .center .testimonialCardBox .stars {
  opacity: 1;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage .center .testimonialCardBox .commonHeading h6 {
  opacity: 1;
  text-align: center;
}
.testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider .owl-carousel .owl-stage-outer .owl-stage .center .testimonialCardBox .commaBox {
  opacity: 1;
}

@media (max-width: 991px) {
  .testimonailsFourSec {
    padding: 50px 0px;
  }
  .testimonailsFourSec .testimonialsFourWrapper .testimonialsFourSlider {
    margin-top: 30px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Featured Collections Section css
  02. Responsive css

**********************************************/
.featuredCollectionsSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p50) 0px;
}
.featuredCollectionsSec .trendingProductWrapper {
  width: var(--width100);
  position: relative;
}
.featuredCollectionsSec .trendingProductWrapper .titleBox {
  width: var(--width100);
  position: relative;
}
.featuredCollectionsSec .featuredCollectionSliderBox {
  width: var(--width100);
  position: relative;
  margin-top: 80px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox {
  position: relative;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox {
  width: 100%;
  position: relative;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox::before {
  content: "";
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  transition: height 0.5s ease-out;
  background: rgba(217, 217, 217, 0.5294117647);
  z-index: 99999;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .swap-on-hover {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity 0.5s linear;
  cursor: pointer;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .discount {
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--chocolate);
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: 99999;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .discount p {
  margin: 0;
  color: var(--white);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .discount a {
  line-height: 8px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .greencolor {
  background-color: var(--green);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .redcolor {
  background-color: var(--red);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .skyColor {
  background-color: var(--sky);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .skyColor3 {
  top: 40px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .iconsBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: inherit;
  right: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .iconsBox .icon_item_box {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 99999;
  gap: 10px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .iconsBox .icon_item_box li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
  border: none;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .addBtn {
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox .addBtn a {
  width: 100%;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox:hover::before {
  height: 100%;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox:hover .icon_item_box {
  right: 0px;
  opacity: 1;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardImgBox:hover .iconsBox {
  opacity: 1;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox {
  position: relative;
  margin-top: 15px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox .rating-box .rating a {
  display: flex;
  align-items: center;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox .rating-box .rating a span {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox .commonHeading h6 {
  margin: 5px 0px;
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox p {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox p del {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox:hover .cardTextBox .rating-box h4 a {
  color: var(--text-black);
}
.featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox:hover .cardTextBox h5 {
  color: var(--text-black);
}

.ion-icon.active {
  animation: like 0.5s 1;
  fill: red;
  stroke: none;
}

.ion-icon {
  fill: transparent;
  stroke: black;
  stroke-width: 30;
  transition: all 0.5s;
}

@-webkit-keyframes like {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.1);
  }
}
.swap-on-hover:hover > .swap-on-hover__front-image {
  opacity: 0;
}

@media (max-width: 1699px) {
  .featuredCollectionsSec .featuredCollectionSliderBox {
    padding-left: 115px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent h2 {
    font-size: 100px;
  }
  .bannerSec .bannerSecWrapper .bannerInnerBoxTwo .bannerSideContent {
    max-width: 415px;
    right: -60px;
  }
}
@media (max-width: 1499px) {
  .featuredCollectionsSec .featuredCollectionSliderBox {
    padding-left: 70px;
  }
}
@media (max-width: 1399px) {
  .featuredCollectionsSec .featuredCollectionSliderBox {
    padding-left: 7px;
  }
  .featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox .rating-box .titleBox h4 {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox p {
    font-size: 20px;
  }
  .featuredCollectionsSec .featuredCollectionSliderBox .featuredCollectionCardBox .cardTextBox p del {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .tilteTwo .textBox h2 {
    font-size: var(--fs26);
  }
  .featuredCollectionsSec .featuredCollectionSliderBox {
    margin-top: 30px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Best Style Section css
  02. Responsive css

**********************************************/
.bestStyleSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  background-color: var(--sand);
}
.bestStyleSec .bestStyleWrapper {
  width: var(--width100);
  display: flex;
  gap: 23px;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne {
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo {
  width: var(--width100);
  display: flex;
  justify-content: center;
  align-items: center;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo .textBox {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo .textBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: #949494;
  margin: 30px 0px 60px 0px;
  text-align: start;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo {
  width: 65%;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo .bestStyleImgBox {
  width: 100%;
  display: flex;
  gap: 30px;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo .bestStyleImgBox .img1 {
  width: 100%;
}
.bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo .bestStyleImgBox .img1 img {
  width: 100%;
}

@media (max-width: 1299px) {
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne {
    width: 50%;
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo .textBox h2 {
    font-size: var(--fs36);
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo .textBox p {
    margin: 20px 0px 20px 0px;
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .bestStyleSec .bestStyleWrapper {
    flex-wrap: wrap;
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne {
    width: 100%;
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxOne .tilteTwo .textBox h2 {
    font-size: var(--fs26);
  }
  .bestStyleSec .bestStyleWrapper .bestStyleInnerBoxTwo {
    width: 100%;
  }
  .bestStyleSec {
    padding: var(--p50) var(--p0);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Denim sports Section css
  02. Responsive css

**********************************************/
.denimSportSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  background-color: var(--sand);
  margin: var(--m50) var(--m0);
}
.denimSportSec .denimSportWrapper {
  width: var(--width100);
  display: flex;
  gap: 23px;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxOne {
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxOne .tilteTwo {
  width: var(--width100);
  display: flex;
  justify-content: center;
  align-items: center;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxOne .tilteTwo .textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxOne .tilteTwo .textBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: #949494;
  margin: 30px 0px 60px 0px;
  text-align: center;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxTwo {
  width: 65%;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxTwo .denimSportImgBox {
  width: 100%;
}
.denimSportSec .denimSportWrapper .denimSportInnerBoxTwo .denimSportImgBox img {
  width: 100%;
}

@media (max-width: 1199px) {
  .denimSportSec .denimSportWrapper .denimSportInnerBoxOne {
    width: 50%;
  }
  .denimSportSec .denimSportWrapper .denimSportInnerBoxTwo {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .denimSportSec {
    padding: var(--p30) var(--p0);
    margin: var(--m0) var(--m0);
  }
  .denimSportSec .denimSportWrapper {
    flex-wrap: wrap;
  }
  .denimSportSec .denimSportWrapper .denimSportInnerBoxOne {
    width: 100%;
  }
  .denimSportSec .denimSportWrapper .denimSportInnerBoxTwo {
    width: 100%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Our Team Section css
  02. Responsive css

**********************************************/
.ourTeamSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.ourTeamSec .ourTeamWrapper {
  width: var(--width100);
  position: relative;
}
.ourTeamSec .ourTeamWrapper .tilteTwo .textBox p {
  max-width: 713px;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox {
  width: var(--width100);
  position: relative;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo {
  width: var(--width100);
  position: relative;
  display: flex;
  gap: 30px;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox {
  width: 25%;
  position: relative;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamImgBox {
  width: var(--width100);
  position: relative;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamImgBox img {
  width: var(--width100);
  position: relative;
  z-index: 9;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamImgBox::after {
  content: "";
  width: var(--width100);
  height: 346px;
  position: absolute;
  background-color: #EFDED0;
  bottom: 0;
  left: 0;
  border-radius: 60px 60px 0px 0px;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamTextBox {
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
  position: absolute;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
  background-color: var(--white);
  padding: var(--p8) var(--p0);
  bottom: -38px;
  z-index: 99;
  right: 10px;
  left: 10px;
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamTextBox .titleBox h4 {
  color: var(--chocolate);
  text-align: center;
  margin-bottom: var(--m6);
}
.ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamTextBox .titleBox p {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  text-align: center;
  color: var(--dark01);
}

@media (max-width: 991px) {
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox {
    width: 31%;
    margin-bottom: 50px;
  }
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamTextBox .titleBox h4 {
    font-size: var(--fs24);
  }
}
@media (max-width: 881px) {
  .ourTeamSec {
    padding: var(--p50) 0px;
  }
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox {
    width: 48%;
    position: relative;
  }
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox .teamImgBox img {
    max-height: 350px;
    margin: 0 auto;
    object-fit: contain;
    display: flex;
  }
}
@media (max-width: 881px) {
  .ourTeamSec .ourTeamWrapper .ourTeamMainBox .ourTeamInfo .teamCardBox {
    width: 774%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Customer Review Section css
  02. Responsive css

**********************************************/
.customerReviewSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  background-color: var(--sand);
}
.customerReviewSec .customerReviewWrapper {
  width: var(--width100);
  position: relative;
}
.customerReviewSec .customerReviewWrapper .tilteTwo {
  width: var(--width100);
}
.customerReviewSec .customerReviewWrapper .tilteTwo .textBox {
  width: var(--width100);
}
.customerReviewSec .customerReviewWrapper .tilteTwo .textBox h2 {
  text-align: center;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox {
  position: relative;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider {
  position: relative;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox {
  position: relative;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_03/comma-img.png');
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .imgBox {
  width: var(--width100);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--m16);
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .imgBox img {
  border-radius: 50px;
  width: 100%;
  max-width: 100px;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox p {
  max-width: 622px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-style: italic;
  font-size: var(--fs16);
  text-align: center;
  color: var(--text-black);
  margin-bottom: var(--m20);
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox h4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox h4 a {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--chocolate);
  text-align: center;
  display: inline-flex;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox h6 {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  text-align: center;
  color: var(--dark01);
  margin-top: var(--m10);
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--m40);
  gap: 10px;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .owl-dots .owl-dot span {
  border: 1px solid #949494;
  width: 14px;
  height: 14px;
  display: flex;
  border-radius: 50px;
}
.customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .owl-dots .owl-dot.active span {
  border-color: transparent;
  background-color: var(--chocolate);
}

@media (max-width: 991px) {
  .customerReviewSec {
    padding: var(--p30) var(--p0);
  }
}
@media (max-width: 767px) {
  .customerReviewSec .customerReviewWrapper .customerReviewMainBox .customerReviewSlider .customerContentBox .textBox p {
    max-width: 350px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Wear Style Section css
  02. Responsive css

**********************************************/
.wearStyleSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.wearStyleSec .wearStyleWrapper {
  width: var(--width100);
  display: flex;
  gap: 30px;
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox {
  width: var(--width50);
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleImgBox {
  width: var(--width100);
  height: 100%;
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleImgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox {
  width: var(--width100);
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox h6 {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  margin-bottom: var(--m10);
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox .tilteTwo {
  margin-bottom: var(--m30);
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox .tilteTwo .textBox p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-top: var(--m20);
  margin-bottom: var(--m40);
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .imgInfoBox {
  display: flex;
  gap: 30px;
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .imgInfoBox .imgBox {
  width: 100%;
}
.wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .imgInfoBox .imgBox img {
  width: 100%;
}

@media (max-width: 1299px) {
  .wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox .tilteTwo .textBox h2 {
    font-size: var(--fs32);
  }
  .wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox .tilteTwo .textBox p {
    margin-bottom: var(--m20);
  }
}
@media (max-width: 991px) {
  .wearStyleSec .wearStyleWrapper .wearStyleInnerBox .wearStyleContentBox .titleBox .tilteTwo .textBox h2 {
    font-size: var(--fs26);
  }
}
@media (max-width: 767px) {
  .wearStyleSec {
    padding: var(--p50) var(--p0) var(--p0) var(--p0);
  }
  .wearStyleSec .wearStyleWrapper {
    flex-wrap: wrap;
  }
  .wearStyleSec .wearStyleWrapper .wearStyleInnerBox {
    width: var(--width100);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Dress collections Section css
  02. Responsive css

**********************************************/
.dressCollectionSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.dressCollectionSec .dressCollectionWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  gap: 30px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne {
  width: 40%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne {
  width: 100%;
  height: 100%;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_03/dress-collection_01.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .textBox {
  width: 50%;
  padding: 45px 20px 40px 20px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .textBox .titleBox h4 {
  margin: 10px 0px 20px 0px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .imgBox {
  width: 50%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo {
  width: 100%;
  height: 100%;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_03/dress-collection_02.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .textBox {
  width: 50%;
  padding: 45px 20px 40px 20px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .textBox .titleBox h4 {
  margin: 10px 0px 20px 0px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .imgBox {
  width: 50%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo {
  width: 60%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo {
  width: 100%;
  display: flex;
  gap: 30px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne {
  width: 40%;
  background-color: #F9F9F9;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox {
  margin: 0px 10px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox h4 {
  color: var(--chocolate);
  margin: 10px 0px;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox h4 a {
  color: var(--chocolate);
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox p {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--black);
  transition: all 0.5s;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox p del {
  color: var(--dark01);
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .imgBox {
  width: 100%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .imgBox img {
  width: 100%;
}
.dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxTwo {
  width: 60%;
}

@media (max-width: 1299px) {
  .dressCollectionSec .dressCollectionWrapper {
    flex-wrap: wrap;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne {
    flex-direction: row;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne {
    width: 50%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxTwo {
    width: 50%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxTwo .imgBox {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxTwo .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 1199px) {
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .textBox .titleBox h4 {
    font-size: var(--fs24);
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .textBox .titleBox h4 {
    font-size: var(--fs24);
  }
}
@media (max-width: 991px) {
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .dressCollectionSec {
    padding: var(--p50) var(--p0) var(--p0) var(--p0);
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne .titleBox h4 {
    font-size: var(--fs22);
  }
}
@media (max-width: 500px) {
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .textBox {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgOne .imgBox {
    width: 0%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .imgBox {
    width: 0%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoOne .dressCollectionInnerBoxOne .dressCollectionImgTwo .textBox {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo {
    flex-wrap: wrap;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxOne {
    width: 100%;
  }
  .dressCollectionSec .dressCollectionWrapper .dressCollectionInfoTwo .dressCollectionInnerBoxTwo .dressCollectionInnerBoxTwo {
    width: 100%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Cosmetics Section css
  02. Responsive css

**********************************************/
.cosmeticsItemSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.cosmeticsItemSec .cosmeticsWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}

.cosmeticsInfoBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  gap: 30px;
}
.cosmeticsInfoBox .cosmeticsCardBox {
  width: 33%;
  height: 500px;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_04/cosmetics-item-01.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
}
.cosmeticsInfoBox .cosmeticsCardBox .cardTextBox .titleBox h4 {
  text-decoration: underline;
  margin-bottom: 10px;
}
.cosmeticsInfoBox .cosmeticsCardBox .cardTextBox .commonHeading h6 {
  text-align: center;
  color: var(--text-black);
}
.cosmeticsInfoBox .cosmeticsCardBox .cardBtnBox .btnOne {
  background-color: var(--white);
  color: var(--chocolate);
}
.cosmeticsInfoBox .cosmeticsCardBox .cardBtnBox .btnOne:hover {
  background-color: var(--chocolate);
  color: var(--white);
}
.cosmeticsInfoBox .cosmeticsCardBoxOne {
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_04/cosmetics-item-01.png');
  background-repeat: no-repeat;
}
.cosmeticsInfoBox .cosmeticsCardBoxOne {
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_04/cosmetics-item-02.png');
  background-repeat: no-repeat;
}
.cosmeticsInfoBox .cosmeticsCardBoxThree {
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/home_04/cosmetics-item-03.png');
  background-repeat: no-repeat;
}

@media (max-width: 991px) {
  .cosmeticsInfoBox {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .cosmeticsInfoBox .cosmeticsCardBox {
    width: 48%;
  }
  .cosmeticsItemSec {
    padding: var(--p50) 0px;
  }
}
@media (max-width: 774px) {
  .cosmeticsInfoBox .cosmeticsCardBox {
    width: 100%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Our Best Team Section css
  02. Responsive css

**********************************************/
.ourBestTeamSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) 0px;
}
.ourBestTeamSec .ourBestTeamWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.ourBestTeamSec .ourBestTeamWrapper .ourBestTeamHeading {
  position: relative;
}
.ourBestTeamSec .ourBestTeamWrapper .ourBestTeamHeading .titleBox {
  position: relative;
}

.ourBestTeamMainBox {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.ourBestTeamMainBox .ourBestTeamInfo {
  width: var(--width100);
  height: 100%;
  display: flex;
  gap: 30px;
  margin-top: 60px;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamImgBox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamImgBox img {
  border-radius: 50%;
  max-width: 220px;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamTextBox {
  height: 100%;
  background-color: #EFDED0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 132px 21px 21px 21px;
  margin-top: 108px;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamTextBox .commonHeading h6 {
  margin-bottom: var(--m6);
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamTextBox .titleBox h4 {
  text-align: center;
  margin-bottom: var(--m16);
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamTextBox .titleBox h4 a {
  transition: all 0.5s;
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox .teamTextBox .titleBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  text-align: center;
  color: var(--dark01);
}
.ourBestTeamMainBox .ourBestTeamInfo .ourBestteamCardBox:hover .teamTextBox .titleBox h4 a {
  color: var(--text-black);
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -112px;
  right: 0px;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-prev:hover {
  background-color: var(--chocolate);
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-prev:hover svg path {
  fill: var(--white);
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--chocolate);
  transition: all 0.5s;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-next:hover {
  background-color: var(--chocolate);
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-next:hover svg path {
  fill: var(--white);
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-stage {
  height: 100%;
  display: flex;
}
.ourBestTeamMainBox .ourBestTeamInfo .owl-stage .item {
  height: 100%;
  display: flex;
}

@media (max-width: 991px) {
  .ourBestTeamMainBox .ourBestTeamInfo .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -30px;
  }
  .ourBestTeamSec {
    padding: var(--p50) 0px;
  }
  .ourBestTeamMainBox .ourBestTeamInfo {
    margin-top: 30px;
  }
  .ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .ourBestTeamMainBox .ourBestTeamInfo .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. New Arival - 04 Section css
  02. Responsive css

**********************************************/
.newArivalSliderSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0) var(--p100) var(--p0);
  background-color: var(--sand);
}
.newArivalSliderSec .newArivalSliderWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.newArivalSliderSec .newArivalSliderWrapper .titleBox {
  position: relative;
}

.newArivalSliderBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  margin-top: 60px;
  padding-left: 255px;
}
.newArivalSliderBox .product-card {
  width: var(--width100);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: var(--white);
  border-radius: var(--br6);
}
.newArivalSliderBox .product-card .offerBox {
  width: 80px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 15px;
  left: 15px;
  background: var(--sky);
  color: var(--white);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  z-index: 1;
}
.newArivalSliderBox .product-card .img-container {
  position: relative;
  text-align: center;
  padding: var(--p16) var(--p16) var(--p60) var(--p16);
}
.newArivalSliderBox .product-card .img-container img {
  width: 100%;
  margin: 0 auto;
}
.newArivalSliderBox .product-card .img-container .iconListBox {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
  padding: var(--p10);
}
.newArivalSliderBox .product-card .img-container .iconListBox li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  border: none;
  background-color: var(--white);
  border-radius: 50px;
}
.newArivalSliderBox .product-card .img-container .addBtn {
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.newArivalSliderBox .product-card .img-container .addBtn a {
  width: 100%;
}
.newArivalSliderBox .product-card:hover .iconListBox {
  right: 5px;
  opacity: 1;
}
.newArivalSliderBox .product-card:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.newArivalSliderBox .product-card .details {
  width: var(--width100);
  padding: var(--p10) var(--p20) var(--p26) var(--p20);
}
.newArivalSliderBox .product-card .details .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--m6);
}
.newArivalSliderBox .product-card .details .rating-box .rating a {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  display: flex;
  align-items: center;
}
.newArivalSliderBox .product-card .details .titleBox h4 {
  margin-bottom: var(--m6);
}
.newArivalSliderBox .product-card .details p {
  font-weight: var(--fw500);
  font-size: var(--fs36);
  color: var(--text-black);
}
.newArivalSliderBox .product-card .details p del {
  color: var(--dark01);
}
.newArivalSliderBox .owl-nav {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: end;
  gap: 30px;
  /* margin-top: 40px; */
  top: -112px;
  right: 250px;
}
.newArivalSliderBox .owl-nav .owl-prev {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white) !important;
  border: 1px solid var(--chocolate) !important;
  transition: all 0.5s;
}
.newArivalSliderBox .owl-nav .owl-prev svg {
  width: 20px;
  height: 20px;
}
.newArivalSliderBox .owl-nav .owl-prev:hover {
  background-color: var(--chocolate) !important;
}
.newArivalSliderBox .owl-nav .owl-prev:hover svg path {
  fill: var(--white) !important;
}
.newArivalSliderBox .owl-nav .owl-next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white) !important;
  border: 1px solid var(--chocolate) !important;
  transition: all 0.5s;
}
.newArivalSliderBox .owl-nav .owl-next svg {
  width: 20px;
  height: 20px;
}
.newArivalSliderBox .owl-nav .owl-next:hover {
  background-color: var(--chocolate) !important;
}
.newArivalSliderBox .owl-nav .owl-next:hover svg path {
  fill: var(--white) !important;
}
.newArivalSliderBox .owl-stage {
  height: 100%;
  display: flex;
}
.newArivalSliderBox .owl-stage .item {
  height: 100%;
  display: flex;
}

@media (max-width: 1799px) {
  .newArivalSliderBox {
    width: var(--width100);
    height: 100%;
    position: relative;
    margin-top: 60px;
    padding-left: 215px;
  }
}
@media (max-width: 1499px) {
  .newArivalSliderBox .owl-nav {
    right: 60px;
  }
}
@media (max-width: 1699px) {
  .newArivalSliderBox {
    padding-left: 160px;
  }
  .newArivalSliderBox .product-card .details .titleBox h4 {
    font-size: var(--fs24);
  }
}
@media (max-width: 1599px) {
  .newArivalSliderBox {
    padding-left: 115px;
  }
}
@media (max-width: 1399px) {
  .newArivalSliderBox {
    padding-left: 12px;
  }
}
@media (max-width: 991px) {
  .newArivalSliderBox .owl-nav {
    justify-content: center;
    top: inherit;
    right: inherit;
    bottom: -70px;
  }
  .newArivalSliderBox .owl-nav .owl-prev {
    width: 35px;
    height: 35px;
  }
  .newArivalSliderBox .owl-nav .owl-next {
    width: 35px;
    height: 35px;
  }
  .newArivalSliderSec {
    padding: var(--p30) var(--p0) var(--p100) var(--p0);
  }
  .newArivalSliderBox {
    margin-top: 30px;
    padding-right: 10px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Shop By category Section css
  02. Responsive css

**********************************************/
.shopByCategorySec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: 100px 0px 200px 0px;
}
.shopByCategorySec .shopByCategoryWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.shopByCategorySec .shopByCategoryWrapper .titleBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopByCategorySec .shopByCategoryMainBox {
  width: var(--width100);
  height: 100%;
  margin-top: var(--m60);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryList {
  width: var(--width100);
  position: relative;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryList ul li .shopListBox {
  display: flex;
  align-items: center;
  gap: 20px;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryList ul li .shopListBox .textBox a {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--chocolate);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap {
  width: 100%;
  position: relative;
  margin-top: 60px;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 95px;
  border-radius: 10px;
  position: relative;
  z-index: 22;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryTextBox h2 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs80);
  color: var(--chocolate);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategoryInnerBox .shopByCategoryTextBox h2 span {
  color: var(--dark01);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  position: relative;
  z-index: 22;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card {
  width: var(--width100);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: var(--white);
  border-radius: var(--br6);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .offerBox {
  width: 80px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 15px;
  left: 15px;
  background: var(--sky);
  color: var(--white);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  z-index: 1;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container {
  position: relative;
  text-align: center;
  padding: 20px 20px 80px 20px;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container img {
  width: 100%;
  margin: 0 auto;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container .icon_item_box {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
  padding: var(--p10);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container .icon_item_box li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  border: none;
  background-color: var(--white);
  border-radius: 50px;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container .addBtn {
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99999;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .img-container .addBtn a {
  width: 100%;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card:hover .icon_item_box {
  right: 5px;
  opacity: 1;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details {
  width: var(--width100);
  padding: var(--p10) var(--p20) var(--p26) var(--p20);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--m6);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details .rating-box .rating a {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  display: flex;
  align-items: center;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details .titleBox h4 {
  margin-bottom: var(--m6);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details p {
  font-weight: var(--fw500);
  font-size: var(--fs36);
  color: var(--text-black);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .product-card .details p del {
  color: var(--dark01);
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .owl-stage {
  height: 100%;
  display: flex;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap .shopByCategorySliderBox .owl-stage .item {
  height: 100%;
  display: flex;
}
.shopByCategorySec .shopByCategoryMainBox .shopByCategoryInfoBox .shopByCategoryMainWrap::after {
  content: "";
  position: absolute;
  max-width: 1281px;
  height: 790px;
  border-radius: 10px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--dark02);
  margin: 0 auto;
}

.container2 {
  color: black;
  margin: 0 auto;
  text-align: center;
}
.container2 ul {
  display: flex;
  position: relative;
  gap: 25px;
}
.container2 ul li {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--chocolate);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 768px) {
  h1 {
    font-size: calc(1.5rem * var(--smaller));
  }
  li {
    font-size: calc(1.125rem * var(--smaller));
  }
  li span {
    font-size: calc(3.375rem * var(--smaller));
  }
}
/************ TABLE OF CONTENTS ***************

  01. Beauty Product Section css
  02. Responsive css

**********************************************/
.beautyProductSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.beautyProductSec .beautySecWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  gap: 70px;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne {
  width: 65%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  gap: 30px;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgOne {
  width: 60%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgOne .imgBox {
  width: 100%;
  height: 100%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgOne .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgTwo {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgTwo .imgBox {
  width: 100%;
  height: 100%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerOne .beautyProductImgInfo .beautyProductImgTwo .imgBox img {
  width: 100%;
  height: 100%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo {
  width: 35%;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox {
  position: relative;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox .titleBox {
  position: relative;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox .titleBox h2 {
  max-width: 434px;
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox .titleBox h2 span {
  color: var(--text-black);
}
.beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  padding: var(--p30) var(--p0) var(--p60) var(--p0);
}

@media (max-width: 1299px) {
  .beautyProductSec .beautySecWrapper {
    gap: 30px;
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerOne {
    width: 60%;
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerTwo {
    width: 40%;
  }
}
@media (max-width: 991px) {
  .beautyProductSec {
    padding: var(--p50) var(--p0);
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox p {
    padding: var(--p10) var(--p0) var(--p30) var(--p0);
  }
}
@media (max-width: 767px) {
  .beautyProductSec .beautySecWrapper {
    gap: 30px;
    flex-direction: column;
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerOne {
    width: 100%;
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerTwo {
    width: 100%;
  }
  .beautyProductSec .beautySecWrapper .beautyProductInnerTwo .beautyProductContentBox .titleBox h2 {
    max-width: inherit;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Pagination Section css
  02. Responsive css

**********************************************/
.pagination {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
.pagination ul {
  display: flex;
}
.pagination ul li a {
  border: 1px solid var(--dark01);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: var(--dark01);
  font-family: "lato";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  transition: all 0.5s;
}
.pagination ul li a:hover {
  background-color: var(--chocolate);
  color: var(--white);
}
.pagination ul li a:hover svg path {
  stroke: var(--white);
}
.pagination ul li a.active {
  background-color: var(--chocolate);
  color: var(--white);
}

@media (max-width: 991px) {
  .pagination {
    padding-bottom: 30px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. About Blog Sidebar Css
  02. Responsive css

**********************************************/
.aboutBlogSideBarSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.aboutBlogSideBarSection .aboutBlogSideBarInner {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.aboutBlogSideBarSection .aboutBlogSideBarInner .our_blog_02_column_with_sidebar_card_box .row {
  row-gap: 30px;
}

.aboutBlogSideBarBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p20);
}
.aboutBlogSideBarBox .aboutBlogSideBar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList {
  position: relative;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: 15px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .search-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .search-bar input {
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .search-bar input::placeholder {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list {
  position: relative;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list form .form-group {
  display: block;
  margin-bottom: 15px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list form .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list form .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 5px;
  height: 10px;
  border: solid var(--chocolate);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list form .form-group label {
  position: relative;
  cursor: pointer;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list form .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid var(--dark01);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  position: relative;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .checkbox-list li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutParaBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup .CardaboutSideBarList {
  display: flex;
  gap: 15px;
  align-items: center;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup .CardaboutSideBarList .aboutBlogCardSidebarImg a img {
  width: 45px;
  height: 45px;
  object-fit: cover;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup .CardaboutSideBarList .aboutBlogCardSidebarContent span {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup .CardaboutSideBarList .aboutBlogCardSidebarContent h4 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .aboutBlogGroup .CardaboutSideBarList .aboutBlogCardSidebarContent h4 a {
  color: var(--text-black);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .newsletterWraper .newsletterContentBox h4 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  margin-bottom: var(--m16);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .newsletterWraper .newsletterInputBox input {
  width: 100%;
  border: 1px solid var(--dark01);
  outline: none;
  background-color: transparent;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  padding: var(--p8) var(--p10);
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .newsletterWraper .btn_box {
  margin-top: 20px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .ProductTags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .ProductTags ul li a {
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--dark01);
  background-color: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0784313725);
  text-transform: capitalize;
  padding: 3px 10px;
  border-radius: 6px;
  transition: all 0.5s;
}
.aboutBlogSideBarBox .aboutBlogSideBar .aboutSideBarList .ProductTags ul li a:hover {
  background-color: var(--chocolate);
  color: var(--white);
}
.aboutBlogSideBarBox .aboutBlogSideBar .borderbottom {
  border-bottom: 1px solid var(--dark01);
  padding-bottom: 20px;
}

/* ....................................
5. Header CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. Header Section css
  02. Responsive css

**********************************************/
header .top_header {
  width: var(--width100);
  position: relative;
  background-color: var(--chocolate);
}
header .top_header .topbar_text_slider {
  width: var(--width100);
  position: relative;
  background-color: var(--chocolate);
}
header .top_header .topbar_text_slider .bx-wrapper {
  width: var(--width100);
  background-color: var(--chocolate);
  border: none;
  display: flex;
  justify-content: center;
  padding: 20px 0px;
  margin-bottom: 0;
}
header .top_header .topbar_text_slider .bx-wrapper .bx-viewport {
  width: var(--width100);
}
header .top_header .topbar_text_slider .bx-wrapper .bx-viewport li {
  text-align: center;
  color: var(--white);
}
header .top_header .topbar_text_slider .item p {
  display: flex;
  justify-content: center;
  margin: 20px 0px;
  font-weight: 700;
  font-size: var(--fs16);
  color: var(--white);
}
header .top_header .topbar_text_slider .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .top_header .topbar_text_slider .owl-nav .owl-prev {
  position: absolute;
  left: 780px;
  top: 23px;
}
header .top_header .topbar_text_slider .owl-nav .owl-prev span {
  font-size: var(--fs30);
  line-height: 0px;
  color: var(--white);
}
header .top_header .topbar_text_slider .owl-nav .owl-next {
  position: absolute;
  right: 780px;
  top: 23px;
}
header .top_header .topbar_text_slider .owl-nav .owl-next span {
  font-size: var(--fs30);
  line-height: 0px;
  color: var(--white);
}
header .bottom_header {
  width: var(--width100);
  position: relative;
  background-color: var(--white);
}
header .bottom_header .main-menu {
  width: var(--width100);
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
  z-index: 9;
}
header .bottom_header .main-menu #main-nav {
  position: relative;
}
header .bottom_header .main-menu .sub_header {
  display: flex;
  gap: 20px;
  position: relative;
}
header .bottom_header .main-menu .sub_header .menu_items {
  position: relative;
}
header .bottom_header .main-menu .sub_header .menu_items ul {
  display: flex;
  gap: 20px;
}
header .bottom_header .main-menu .sub_header .menu_items ul .search-container input {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: var(--transparent);
  border-bottom: 2px solid var(--white);
  color: var(--white);
}
header .bottom_header .main-menu .sub_header .menu_items ul .search-container input::placeholder {
  font-weight: 400;
  font-size: var(--fs16);
  color: var(--white);
}

@media (max-width: 1199px) {
  header .bottom_header .main-menu {
    margin: 0;
  }
  header .bottom_header .main-menu .sub_header .menu_items {
    position: relative;
    background-color: var(--chocolate);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .bottom_header .custom_container {
    padding: 0;
  }
  header .bottom_header .main-menu .brand-logo {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  header .bottom_header .row {
    padding: 0;
  }
  header .bottom_header .row col {
    padding: 0;
  }
  header .bottom_header .main-menu .brand-logo {
    padding: 8px;
  }
  header .bottom_header .main-menu .brand-logo img {
    max-width: 150px;
  }
  header .bottom_header .main-menu .sub_header {
    background-color: var(--chocolate);
    align-items: center;
    padding: 10px;
  }
}
@media (max-width: 991px) {
  header .bottom_header .main-menu .sub_header {
    gap: 5px;
    padding: 0px 10px;
  }
  header .bottom_header .main-menu .sub_header .menu_items ul {
    gap: 5px;
  }
}
@media (max-width: 400px) {
  header .top_header .topbar_text_slider .bx-wrapper {
    padding: 6px 0px;
  }
  header .bottom_header .main-menu .brand-logo img {
    max-width: 120px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Header_02 Section css
  02. Responsive css

**********************************************/
/*  menu fixed css start  */
.menu-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--chocolate);
  z-index: 999;
  -o-box-shadow: 0px 0px 25px -10px;
  -ms-box-shadow: 0px 0px 25px -10px;
  -moz-box-shadow: 0px 0px 25px -10px;
  -webkit-box-shadow: 0px 0px 25px -10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*  menu fixed css start  */
.menu-fixed2 {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #F8F1E9;
  z-index: 999;
  -o-box-shadow: 0px 0px 25px -10px;
  -ms-box-shadow: 0px 0px 25px -10px;
  -moz-box-shadow: 0px 0px 25px -10px;
  -webkit-box-shadow: 0px 0px 25px -10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.sticky-header_02 {
  position: sticky;
  top: 0;
  background-color: #F8F1E9;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
.sticky-header_02 .headerMainBox {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
  gap: 20px;
}
.sticky-header_02 .headerMainBox .logo {
  position: relative;
}
.sticky-header_02 .headerMainBox .logo img {
  width: var(--width100);
}
.sticky-header_02 .headerMainBox .logo .imgHide {
  display: none !important;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list {
  display: flex;
  gap: 30px;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li {
  position: relative;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--dark01);
  transition: all 0.5s;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li a:hover {
  color: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li a:hover svg {
  transition: all 0.5s;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li a:hover svg path {
  transition: all 0.5s;
  fill: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu {
  left: 0;
  top: 35px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-width: 200px;
  display: block;
  border: none;
  border-radius: 4px;
  position: absolute;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  background-color: #ffffff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li a {
  width: 100%;
  padding: 10px 20px 10px;
  color: #111111;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 500ms all ease;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li a:hover {
  margin-left: 8px;
  background-color: transparent;
  color: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li .sub-dropdown {
  position: absolute;
  left: 200px;
  padding: 0px 0px;
  top: 0;
  width: 170px;
  border-radius: 8px;
  background-color: #ffffff;
  display: none;
  -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  transition: all 0.5s;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li:hover .sub-dropdown {
  display: block;
  transition: all 0.5s;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu li:last-child {
  border-bottom: 0;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu {
  width: 880px;
  left: -237%;
  padding: 20px;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li {
  border-bottom: 0;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list {
  width: 100%;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list h5 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  text-transform: uppercase;
  color: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a {
  color: #111111;
  display: block;
  font-weight: 400;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111111;
  left: 0;
  top: 18px;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover {
  margin-left: 8px;
  color: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover:before {
  background-color: var(--chocolate);
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:last-child a {
  border-bottom: 0;
}
.sticky-header_02 .headerMainBox .headerNav_02 .nav-list li:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.sticky-header_02 .headerMainBox .headerIcons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sticky-header_02 .headerMainBox .headerIcons .searchBarBox {
  border: 1px solid var(--chocolate);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sticky-header_02 .headerMainBox .headerIcons .searchBarBox input {
  width: 100%;
  border: none;
  outline: none;
  padding: var(--p10);
  font-family: "Lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  background-color: transparent;
  color: var(--black);
}
.sticky-header_02 .headerMainBox .headerIcons .searchBarBox a {
  padding-right: var(--p10);
}
.sticky-header_02 .headerMainBox .headerIcons .headerIconsBox {
  position: relative;
}
.sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul {
  display: flex;
  gap: 20px;
}
.sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
  display: none;
}
.sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul .search-container2 {
  display: none;
}
.sticky-header_02 .header-icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sticky-header_02 .header-icons input {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.sticky-header_02 .header-icons i {
  cursor: pointer;
  color: #555;
}

.banner .banner-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.banner .banner-item .banner-content {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.banner .banner-item .banner-content .banner-left img {
  max-width: 400px;
}
.banner .banner-item .banner-content .banner-right h5 {
  color: #7d4c2b;
  font-weight: 600;
}
.banner .banner-item .banner-content .banner-right h1 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  line-height: 1.2;
}
.banner .banner-item .banner-content .banner-right h1 span {
  color: #7d4c2b;
}
.banner .banner-item .banner-content .banner-right p {
  max-width: 500px;
  color: #666;
}
.banner .banner-item .banner-content .banner-right button {
  margin-top: 1rem;
  padding: 0.7rem 2rem;
  background: #7d4c2b;
  color: white;
  border: none;
  cursor: pointer;
}

.sticky-header_03 {
  background-color: var(--sand);
}

.sticky-header_02 .menu-fixed .logo img {
  display: none !important;
}
.sticky-header_02 .menu-fixed .logo .imgHide {
  display: block !important;
}
.sticky-header_02 .menu-fixed .headerNav_02 .nav-list li a {
  color: var(--white);
}
.sticky-header_02 .menu-fixed .headerNav_02 .nav-list li a svg path {
  fill: var(--white);
}
.sticky-header_02 .menu-fixed .headerNav_02 .nav-list li a:hover {
  color: var(--dark02);
}
.sticky-header_02 .menu-fixed .headerNav_02 .nav-list li a:hover svg path {
  fill: var(--dark02);
}
.sticky-header_02 .menu-fixed .headerIcons .searchBarBox {
  border-color: var(--white);
}
.sticky-header_02 .menu-fixed .headerIcons .searchBarBox input {
  color: var(--white);
}
.sticky-header_02 .menu-fixed .headerIcons .searchBarBox input::placeholder {
  color: var(--white);
}
.sticky-header_02 .menu-fixed .headerIcons .searchBarBox a svg path {
  stroke: var(--white);
}
.sticky-header_02 .menu-fixed .headerIconsBox ul li a svg path {
  stroke: var(--white);
}
.sticky-header_02 .menu-fixed .headerIconsBox ul li .menu-btn svg path {
  fill: var(--white);
}

.sticky-header_02 .menu-fixed nav .nav-list li a:hover {
  color: var(--white);
}

.sticky-header_02 .menu-fixed nav .nav-list li a:hover svg path {
  fill: var(--white) !important;
}

@media (max-width: 1299px) {
  .sticky-header_02 .headerMainBox nav .nav-list li a {
    font-size: var(--fs14) !important;
  }
}
@media (max-width: 1199px) {
  .sticky-header_02 .headerMainBox .logo img {
    width: var(--width100);
    max-width: 150px;
  }
}
@media (max-width: 991px) {
  .sticky-header_02 .headerMainBox .headerIcons .searchBarBox {
    display: none;
  }
  .sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
    display: block;
  }
  .sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul .search-container2 {
    display: block;
  }
  .sticky-header_02 .headerMainBox .logo .imgHide {
    display: block;
  }
}
@media (max-width: 600px) {
  .sticky-header_02 .headerMainBox .logo .imgHide {
    width: 150px;
  }
}
@media (max-width: 500px) {
  .sticky-header_02 .headerMainBox {
    padding: 15px 15px;
  }
  .sticky-header_02 .headerMainBox .headerIcons .headerIconsBox ul {
    gap: 10px;
  }
}
@media (max-width: 400px) {
  .sticky-header_02 .headerMainBox .logo .imgHide {
    width: 120px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Header_04 Section css
  02. Responsive css

**********************************************/
.sticky-header_04 {
  position: sticky;
  top: 0;
  background-color: #EFDED0;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
.sticky-header_04 .headerMainBox {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
  gap: 20px;
}
.sticky-header_04 .headerMainBox .logo {
  position: relative;
}
.sticky-header_04 .headerMainBox .logo img {
  width: var(--width100);
}
.sticky-header_04 .headerMainBox .logo .imgHide {
  display: none !important;
}
.sticky-header_04 .headerMainBox nav .nav-list {
  display: flex;
  gap: 30px;
}
.sticky-header_04 .headerMainBox nav .nav-list li {
  position: relative;
}
.sticky-header_04 .headerMainBox nav .nav-list li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--dark01);
  transition: all 0.5s;
}
.sticky-header_04 .headerMainBox nav .nav-list li a:hover {
  color: var(--chocolate);
}
.sticky-header_04 .headerMainBox nav .nav-list li a:hover svg {
  transition: all 0.5s;
}
.sticky-header_04 .headerMainBox nav .nav-list li a:hover svg path {
  transition: all 0.5s;
  fill: var(--chocolate) !important;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu {
  left: 0;
  top: 35px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-width: 200px;
  display: block;
  border: none;
  border-radius: 4px;
  position: absolute;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  background-color: #ffffff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li a {
  width: 100%;
  padding: 10px 20px 10px;
  color: #111111;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 500ms all ease;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li a:hover {
  margin-left: 8px;
  background-color: transparent;
  color: var(--chocolate);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li .sub-dropdown {
  position: absolute;
  left: 200px;
  padding: 0px 0px;
  top: 0;
  width: 170px;
  border-radius: 8px;
  background-color: #ffffff;
  display: none;
  -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  transition: all 0.5s;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li:hover .sub-dropdown {
  display: block;
  transition: all 0.5s;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu li:last-child {
  border-bottom: 0;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu {
  width: 880px;
  left: -237%;
  padding: 20px;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li {
  border-bottom: 0;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list {
  width: 100%;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list h5 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  text-transform: uppercase;
  color: var(--chocolate);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a {
  color: #111111;
  display: block;
  font-weight: 400;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111111;
  left: 0;
  top: 18px;
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover {
  margin-left: 8px;
  color: var(--chocolate);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover:before {
  background-color: var(--chocolate);
}
.sticky-header_04 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:last-child a {
  border-bottom: 0;
}
.sticky-header_04 .headerMainBox nav .nav-list li:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.sticky-header_04 .headerMainBox .headerIcons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sticky-header_04 .headerMainBox .headerIcons .searchBarBox {
  border: 1px solid var(--chocolate);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sticky-header_04 .headerMainBox .headerIcons .searchBarBox input {
  width: 100%;
  border: none;
  outline: none;
  padding: var(--p10);
  font-family: "Lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  background-color: transparent;
  color: var(--black);
}
.sticky-header_04 .headerMainBox .headerIcons .searchBarBox a {
  padding-right: var(--p10);
}
.sticky-header_04 .headerMainBox .headerIcons .headerIconsBox {
  position: relative;
}
.sticky-header_04 .headerMainBox .headerIcons .headerIconsBox ul {
  display: flex;
  gap: 20px;
}
.sticky-header_04 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
  display: none;
}
.sticky-header_04 .header-icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sticky-header_04 .header-icons input {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.sticky-header_04 .header-icons i {
  cursor: pointer;
  color: #555;
}

.sticky-header_04 .menu-fixed .logo img {
  display: none !important;
}
.sticky-header_04 .menu-fixed .logo .imgHide {
  display: block !important;
}
.sticky-header_04 .menu-fixed .headerNav_02 .nav-list li a {
  color: var(--white);
}
.sticky-header_04 .menu-fixed .headerNav_02 .nav-list li a svg path {
  fill: var(--white);
}
.sticky-header_04 .menu-fixed .headerIcons .searchBarBox {
  border-color: var(--white);
}
.sticky-header_04 .menu-fixed .headerIcons .searchBarBox input {
  color: var(--white);
}
.sticky-header_04 .menu-fixed .headerIcons .searchBarBox input::placeholder {
  color: var(--white);
}
.sticky-header_04 .menu-fixed .headerIcons .searchBarBox a svg path {
  stroke: var(--white);
}
.sticky-header_04 .menu-fixed .headerIconsBox ul li a svg path {
  stroke: var(--white);
}
.sticky-header_04 .menu-fixed .headerIconsBox ul li .menu-btn svg path {
  fill: var(--white);
}

.sticky-header_04 .menu-fixed nav .nav-list li a:hover {
  color: var(--white);
}

.sticky-header_04 .menu-fixed nav .nav-list li a:hover svg path {
  fill: var(--white) !important;
}

.header-05 {
  background-color: var(--chocolate);
}

@media (max-width: 991px) {
  .sticky-header_04 .headerMainBox nav .nav-list {
    display: none;
  }
  .sticky-header_04 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
    display: block;
  }
}
@media (max-width: 500px) {
  .sticky-header_04 .headerMainBox .headerIcons .headerIconsBox ul {
    display: flex;
    gap: 10px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Header_05 Section css
  02. Responsive css

**********************************************/
.sticky-header_05 {
  position: sticky;
  top: 0;
  background-color: var(--chocolate);
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
.sticky-header_05 .headerMainBox {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
  gap: 20px;
}
.sticky-header_05 .headerMainBox .logo {
  position: relative;
}
.sticky-header_05 .headerMainBox .logo img {
  width: var(--width100);
}
.sticky-header_05 .headerMainBox nav .nav-list {
  display: flex;
  gap: 30px;
}
.sticky-header_05 .headerMainBox nav .nav-list li {
  position: relative;
}
.sticky-header_05 .headerMainBox nav .nav-list li a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--dark02);
  transition: all 0.5s;
}
.sticky-header_05 .headerMainBox nav .nav-list li a svg path {
  fill: var(--dark02) !important;
}
.sticky-header_05 .headerMainBox nav .nav-list li a:hover {
  color: var(--white);
}
.sticky-header_05 .headerMainBox nav .nav-list li a:hover svg path {
  fill: var(--white) !important;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu {
  left: 0;
  top: 35px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  height: auto;
  min-width: 200px;
  display: block;
  border: none;
  border-radius: 4px;
  position: absolute;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  background-color: #ffffff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li a {
  width: 100%;
  padding: 10px 20px 10px;
  color: #111111;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 500ms all ease;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li a:hover {
  margin-left: 8px;
  background-color: transparent;
  color: var(--chocolate);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li .sub-dropdown {
  position: absolute;
  left: 200px;
  padding: 0px 0px;
  top: 0;
  width: 170px;
  border-radius: 8px;
  background-color: #ffffff;
  display: none;
  -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  transition: all 0.5s;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li:hover .sub-dropdown {
  display: block;
  transition: all 0.5s;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu li:last-child {
  border-bottom: 0;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu {
  width: 880px;
  left: -237%;
  padding: 20px;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li {
  border-bottom: 0;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list {
  width: 100%;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list h5 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  text-transform: uppercase;
  color: var(--chocolate);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a {
  color: #111111;
  display: block;
  font-weight: 400;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #111111;
  left: 0;
  top: 18px;
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover {
  margin-left: 8px;
  color: var(--chocolate);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:hover:before {
  background-color: var(--chocolate);
}
.sticky-header_05 .headerMainBox nav .nav-list li .dropdown-menu.short-code-menu li .megamenu-wrapper .megamenu-list a:last-child a {
  border-bottom: 0;
}
.sticky-header_05 .headerMainBox nav .nav-list li:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.sticky-header_05 .headerMainBox .headerIcons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sticky-header_05 .headerMainBox .headerIcons .searchBarBox {
  border: 1px solid var(--chocolate);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sticky-header_05 .headerMainBox .headerIcons .searchBarBox input {
  width: 100%;
  border: none;
  outline: none;
  padding: var(--p10);
  font-family: "Lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  background-color: transparent;
  color: var(--black);
}
.sticky-header_05 .headerMainBox .headerIcons .searchBarBox a {
  padding-right: var(--p10);
}
.sticky-header_05 .headerMainBox .headerIcons .headerIconsBox {
  position: relative;
}
.sticky-header_05 .headerMainBox .headerIcons .headerIconsBox ul {
  display: flex;
  gap: 20px;
}
.sticky-header_05 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
  display: none;
}
.sticky-header_05 .header-icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sticky-header_05 .header-icons input {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.sticky-header_05 .header-icons i {
  cursor: pointer;
  color: #555;
}

.header-05 {
  background-color: var(--chocolate);
}

@media (max-width: 991px) {
  .sticky-header_05 .headerMainBox nav .nav-list {
    display: none;
  }
  .sticky-header_05 .headerMainBox .headerIcons .headerIconsBox ul li .menu-btn {
    display: block;
  }
}
@media (max-width: 500px) {
  .sticky-header_05 .headerMainBox .headerIcons .headerIconsBox ul {
    display: flex;
    gap: 10px;
  }
}
/* ....................................
6. Sidebar CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. sidebar Section css
  02. Responsive css

**********************************************/
.sidebar-main_wrap .side-bar {
  background: #F9F9F9;
  backdrop-filter: blur(15px);
  width: 400px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -400px;
  overflow-y: auto;
  transition: 0.6s ease;
  transition-property: right;
  z-index: 99999;
}

.sidebar-main_wrap .side-bar::-webkit-scrollbar {
  width: 0px;
}

.sidebar-main_wrap .side-bar.active {
  right: 0;
}

.sidebar-main_wrap .side-bar .logo_box {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}

.sidebar-main_wrap .side-bar .logo_box a img {
  width: 150px;
}

.sidebar-main_wrap .side-bar .menu {
  width: 100%;
  margin-top: 30px;
}

.sidebar-main_wrap .side-bar .menu .item {
  position: relative;
  cursor: pointer;
}

.sidebar-main_wrap .side-bar .menu .item a {
  display: block;
  padding: 5px 30px;
  line-height: 60px;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--text-black);
  text-decoration: none;
}

.sidebar-main_wrap .side-bar .menu .item .sub-menu a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}

.sidebar-main_wrap .side-bar .menu .item a:hover {
  background: var(--dark02);
  transition: 0.3s ease;
}

.sidebar-main_wrap .side-bar .menu .item i {
  margin-right: 15px;
}

.sidebar-main_wrap .side-bar .menu .item a .dropdown {
  position: absolute;
  right: 0;
  margin: 20px;
  transition: 0.3s ease;
}

.sidebar-main_wrap .side-bar .menu .item .sub-menu {
  background: #F9F9F9;
  display: none;
}

.sidebar-main_wrap .side-bar .menu .item .sub-menu a {
  padding-left: 60px;
}

.sidebar-main_wrap .rotate {
  transform: rotate(90deg);
}

.sidebar-main_wrap .close-btn {
  position: absolute;
  color: #fff;
  font-size: 23px;
  right: 0px;
  margin: 15px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .sticky-header_02 .headerMainBox nav {
    display: none;
  }
}
@media (max-width: 767px) {
  .sidebar-main_wrap .side-bar {
    width: 250px;
  }
  .sidebarSec .sidebarHeader {
    padding: 12px 12px;
  }
  .sidebarSec .sidebarHeader .logoBox img {
    max-width: 150px;
  }
  .sidebar-main_wrap .side-bar .menu .item .sub-menu a {
    padding-left: 30px;
    font-size: var(--fs16);
  }
  .sidebar-main_wrap .side-bar .menu .item a {
    font-size: var(--fs20);
    line-height: 40px;
    padding: 5px 20px;
  }
}
/* ....................................
7. pages CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. Newest Fashion Section css
  02. Our Excelence Section css 
  03. Our Fashion Style section css
  04. Responsive css

**********************************************/
.newestFashionSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.newestFashionSec .newestFashionSecWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne {
  width: var(--width100);
  display: flex;
  gap: 30px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxOne {
  width: var(--width45);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxOne .fashonImgBox {
  width: var(--width100);
  height: 100%;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxOne .fashonImgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo {
  width: var(--width55);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .titleBox {
  position: relative;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .para {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin: var(--m16) var(--m0) var(--m40) var(--m0);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul li a {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--chocolate);
  display: flex;
  align-items: center;
  gap: 13px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul li p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo {
  width: var(--width100);
  display: flex;
  gap: 30px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne {
  width: var(--width55);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .para {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin: var(--m16) var(--m0) var(--m40) var(--m0);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .fasionListBox ul {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .fasionListBox ul li a {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--chocolate);
  display: flex;
  align-items: center;
  gap: 13px;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxTwo {
  width: var(--width45);
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxTwo .fashonImgBox {
  width: var(--width100);
  height: 100%;
}
.newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxTwo .fashonImgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}

.ourExcelenceSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  background-color: var(--sand);
}
.ourExcelenceSec .ourExcelenceSecWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceHeadingBox {
  width: var(--width100);
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceHeadingBox .titleBox h4 {
  position: relative;
  font-family: "Lato";
  margin-bottom: 10px;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceHeadingBox .titleBox h4::after {
  content: "";
  width: 26px;
  height: 2px;
  background-color: var(--text-black);
  position: absolute;
  left: 212px;
  bottom: 12px;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox {
  width: var(--width100);
  display: flex;
  gap: 30px;
  margin-top: 60px;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox {
  width: 33%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: var(--white);
  border-radius: var(--br6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--p30);
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox .iconBox {
  margin-bottom: 25px;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox .iconBox a {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EFDED0;
  border-radius: 50%;
}
.ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox p {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  text-align: center;
  color: var(--dark01);
  margin-top: var(--m10);
}

.ourFashionStyleSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  background-color: var(--white);
}
.ourFashionStyleSec .ourFashionStyleSecWrapper {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleHeadingBox {
  width: var(--width100);
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleHeadingBox .titleBox h4 {
  position: relative;
  font-family: "Lato";
  margin-bottom: 10px;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleHeadingBox .titleBox h4::after {
  content: "";
  width: 26px;
  height: 2px;
  background-color: var(--text-black);
  position: absolute;
  left: 240px;
  bottom: 12px;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox {
  width: var(--width100);
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox {
  width: 33%;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleContentBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  text-align: start;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleContentBox h6 a {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--chocolate);
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleContentBox .leftText {
  margin: 25px 0px 15px 0px;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleContentBox .rightText {
  margin: 15px 0px;
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleImgBox {
  width: var(--width100);
}
.ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox .ourFashionStyleImgBox img {
  width: var(--width100);
}

@media (max-width: 1399px) {
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .titleBox h2 {
    font-size: 36px;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .titleBox h2 {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .para {
    margin: var(--m16) var(--m0) var(--m20) var(--m0);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul li a {
    font-size: var(--fs26);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .para {
    margin: var(--m16) var(--m0) var(--m20) var(--m0);
  }
  .ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox .titleBox h4 {
    font-size: var(--fs22);
  }
}
@media (max-width: 991px) {
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne {
    flex-wrap: wrap;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxOne {
    width: var(--width100);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo {
    width: var(--width100);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne {
    width: var(--width100);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxTwo {
    width: var(--width100);
  }
  .ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox {
    width: 48%;
  }
  .ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox {
    flex-wrap: wrap;
  }
  .ourFashionStyleSec .ourFashionStyleSecWrapper .ourFashionStyleMainBox .ourFashionStyleInnerBox {
    width: 100%;
  }
}
@media (max-width: 774px) {
  .ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ourExcelenceSec .ourExcelenceSecWrapper .ourExcelenceMainBox .ourExclenceCardBox {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .newestFashionSec {
    padding: var(--p50) var(--p0);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .titleBox h2 {
    font-size: 28px;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .titleBox h2 {
    font-size: 28px;
  }
  .ourExcelenceSec {
    padding: var(--p50) var(--p0);
  }
  .ourFashionStyleSec {
    padding: var(--p50) var(--p0);
  }
}
@media (max-width: 500px) {
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .titleBox h2 {
    font-size: 18px;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxOne .newestFashionInnerBoxTwo .fasionContentBox .fasionListBox ul li a {
    font-size: var(--fs16);
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .titleBox h2 {
    font-size: 20px;
  }
  .newestFashionSec .newestFashionSecWrapper .newestFashionInfoBoxTwo .newestFashionInnerBoxOne .fasionContentBox .fasionListBox ul li a {
    font-size: var(--fs20);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Breadcrumb Section css
  02. Responsive css

**********************************************/
.breadcrumb_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  padding: var(--p50) var(--p50);
}
.breadcrumb_wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #EFDED0;
}
.breadcrumb_wrapper .breadcrumb_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  gap: 20px;
}
.breadcrumb_wrapper .breadcrumb_box .white_big_title {
  font-family: "Kalnia";
  font-size: var(--fs48);
  font-weight: var(--fw600);
  color: var(--chocolate);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.breadcrumb_wrapper .breadcrumb_box .breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumb_wrapper .breadcrumb_box .breadcrumb .breadcrumb-item {
  font-size: var(--fs20);
  font-weight: var(--fw400);
  color: var(--chocolate);
  text-align: center;
}
.breadcrumb_wrapper .breadcrumb_box .breadcrumb .breadcrumb-item a {
  color: var(--dark01);
}
.breadcrumb_wrapper .breadcrumb_box .breadcrumb .breadcrumb-item::before {
  color: var(--dark01);
  padding: 0px 12px 0px 6px;
}

@media (max-width: 767px) {
  .breadcrumb_wrapper {
    padding: 50px 0px 50px 0px !important;
  }
  .breadcrumb_wrapper .breadcrumb_box .white_big_title {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .breadcrumb_wrapper .breadcrumb_box .breadcrumb .breadcrumb-item {
    font-size: 12px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Shop sidebar 02 Section css
  02. Responsive css

**********************************************/
.shopSidebarSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.shopSidebarSec .shopSidebarInner {
  width: var(--width100);
  height: 100%;
  position: relative;
}
.shopSidebarSec .shopSidebarInner .shopSidebarFilterBox {
  background-color: var(--sand);
}
.shopSidebarSec .shopSidebarInner .tabButtonBox {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .showingResultsTab {
  position: relative;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .showingResultsTab .nav-pills {
  gap: 10px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .showingResultsTab .nav-pills .nav-item .nav-link {
  background: var(--dark01);
  border-radius: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .showingResultsTab .nav-pills .nav-item .nav-link:active {
  background-color: var(--chocolate) !important;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .showingResultsTab .nav-pills .nav-link.active {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--chocolate);
  border-radius: 0;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .selectDropdwon select {
  width: 170px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
  border: none;
  background-color: var(--white);
}
.shopSidebarSec .shopSidebarInner .tabButtonBox .selectDropdwon select:focus {
  outline: none;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 {
  justify-content: space-between;
  margin-bottom: 32px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .leftSideBox .sidebarIcon {
  display: flex;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .leftSideBox .sidebarIcon a {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--chocolate);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .leftSideBox .sidebarIcon a svg {
  width: 20px;
  height: 20px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox {
  display: flex;
  align-items: center;
  gap: 20px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox .showingResultsTab {
  position: relative;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox .showingResultsTab .nav-pills {
  gap: 10px;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox .showingResultsTab .nav-pills .nav-item .nav-link {
  background: var(--dark01);
  border-radius: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox .showingResultsTab .nav-pills .nav-item .nav-link:active {
  background-color: var(--chocolate) !important;
}
.shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox .showingResultsTab .nav-pills .nav-link.active {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--chocolate);
  border-radius: 0;
}
.shopSidebarSec .shopSidebarInner .shopSidbar02Pagination {
  padding: 50px 0px 0px 0px;
}
.shopSidebarSec .shopSidebarInner .shopSidbar02Pagination .pagination {
  padding-bottom: 0;
}

.shopSideBar {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shopSideBar .sideBarItem {
  position: relative;
}
.shopSideBar .sideBarItem .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: 15px;
}
.shopSideBar .sideBarItem .search-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark01);
}
.shopSideBar .sideBarItem .search-bar input {
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .search-bar input::placeholder {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .checkbox-list {
  position: relative;
}
.shopSideBar .sideBarItem .checkbox-list form .form-group {
  display: block;
  margin-bottom: 15px;
}
.shopSideBar .sideBarItem .checkbox-list form .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.shopSideBar .sideBarItem .checkbox-list form .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 5px;
  height: 10px;
  border: solid var(--chocolate);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.shopSideBar .sideBarItem .checkbox-list form .form-group label {
  position: relative;
  cursor: pointer;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .checkbox-list form .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid var(--dark01);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
}
.shopSideBar .sideBarItem .checkbox-list li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .checkbox-list li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  position: relative;
}
.shopSideBar .sideBarItem .checkbox-list li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.shopSideBar .sideBarItem .more-link {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
}
.shopSideBar .sideBarItem .colorSelectionSidebar form {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.shopSideBar .sideBarItem .colorOptionSidebar input[type=radio] {
  display: none;
}
.shopSideBar .sideBarItem .colorOptionSidebar input[type=radio]:checked + span {
  outline: 1px dashed var(--chocolate);
  outline-offset: 1px;
}
.shopSideBar .sideBarItem .colorOptionSidebar span {
  display: inline-block;
  width: 22px;
  height: 22px;
  outline-offset: 2px;
  cursor: pointer;
  transition: border 0.2s;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(1) span {
  background-color: #97C4EF;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(2) span {
  background-color: #FFD23D;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(3) span {
  background-color: #B9C070;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(4) span {
  background-color: #E6AFC7;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(5) span {
  background-color: #90CBC9;
}
.shopSideBar .sideBarItem .colorOptionSidebar:nth-child(6) span {
  background-color: #BCCBF4;
}
.shopSideBar .sideBarItem .sliderWrapper {
  position: relative;
}
.shopSideBar .sideBarItem .sliderWrapper .priceSlider {
  height: 2px;
  background: #ccc;
  border-radius: 5px;
  position: relative;
  /* margin-bottom: 15px; */
}
.shopSideBar .sideBarItem .sliderWrapper .priceSlider .progress {
  height: 2px;
  position: absolute;
  background: var(--text-black);
  border-radius: 5px;
}
.shopSideBar .sideBarItem .sliderWrapper .range-input input[type=range] {
  position: absolute;
  width: 100%;
  height: 0px;
  top: -1px;
  pointer-events: none;
  background: none;
  -webkit-appearance: none;
}
.shopSideBar .sideBarItem .sliderWrapper input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border: 2px solid var(--text-black);
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  cursor: pointer;
}
.shopSideBar .sideBarItem .sliderWrapper .range-input {
  position: relative;
  /* height: 14px; */
  margin-bottom: 20px;
}
.shopSideBar .sideBarItem .sliderWrapper .price-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.shopSideBar .sideBarItem .sliderWrapper .price-footer .filterBtn {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--chocolate);
  border: none;
  outline: none;
  background: transparent;
}
.shopSideBar .sideBarItem .sliderWrapper .price-footer .price-display {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .sliderWrapper .price-footer .price-display span {
  color: var(--text-black);
}
.shopSideBar .sideBarItem .filterBySize {
  margin-top: 15px;
}
.shopSideBar .sideBarItem .filterBySize ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.shopSideBar .sideBarItem .filterBySize ul li a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.shopSideBar .sideBarItem .ProductTags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.shopSideBar .sideBarItem .ProductTags ul li a {
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--dark01);
  background-color: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0784313725);
  text-transform: capitalize;
  padding: 3px 10px;
  border-radius: 6px;
  transition: all 0.5s;
}
.shopSideBar .sideBarItem .ProductTags ul li a:hover {
  background-color: var(--chocolate);
  color: var(--white);
}
.shopSideBar .borderbottom {
  border-bottom: 1px solid var(--dark01);
  padding-bottom: 20px;
}

.sidebarTwo {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebarTwo a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebarTwo a:hover {
  color: #f1f1f1;
}

.sidebarTwo .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  cursor: pointer;
  border: none;
}

#main {
  transition: margin-left 0.5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebarTwo {
    padding-top: 15px;
  }
  .sidebarTwo a {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .shopSideBar .sideBarItem .commonHeading h5 {
    font-size: 20px;
  }
  .shopSidebarSec .shopSidebarInner .tabButtonBox2 .leftSideBox .sidebarIcon a {
    font-size: var(--fs18);
  }
}
@media (max-width: 991px) {
  .topToggleBar .horizontalBar .shopSideBar {
    flex-wrap: wrap;
  }
  .topToggleBar .horizontalBar .shopSideBar .sideBarItem {
    width: 48%;
  }
  .shopSidebarSec {
    padding: var(--p50) var(--p0);
  }
}
@media (max-width: 600px) {
  .topToggleBar .horizontalBar .shopSideBar .sideBarItem {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .shopSidebarSec .shopSidebarInner .tabButtonBox2 .rightSideBox {
    flex-wrap: wrap;
  }
}
/************ TABLE OF CONTENTS ***************

  01. shop sidebar list view Section css
  02. Responsive css

**********************************************/
.overlay {
  height: 0%;
  width: 100%;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
.tab_inner_box {
  width: 100%;
}
.tab_inner_box .row {
  row-gap: 30px;
}
.tab_inner_box .shopListViewWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox {
  position: relative;
  display: flex;
  gap: 30px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox {
  width: 30%;
  position: relative;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .swap-on-hover {
  position: relative;
  width: 100%;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .swap-on-hover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .swap-on-hover .swap-on-hover__front-image {
  z-index: 99;
  transition: opacity 0.5s linear;
  cursor: pointer;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .discount {
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--chocolate);
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  z-index: 99;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .discount p {
  margin: 0;
  color: var(--white);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .discount a {
  line-height: 8px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .greencolor {
  background-color: var(--green);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .greencolor2 {
  border-radius: 20px 0px 0px 0px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .redcolor {
  background-color: var(--red);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .redcolor2 {
  border-radius: 20px 0px 0px 0px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .skyColor {
  background-color: var(--sky);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .skyColor2 {
  border-radius: 20px 0px 0px 0px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .skyColor3 {
  top: 40px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .icon_item_box {
  position: absolute;
  top: 15px;
  right: -40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .icon_item_box li .btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .addBtn {
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  right: 15px;
  transition: all 0.5s;
  overflow: hidden;
  opacity: 0;
  z-index: 99;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .addBtn a {
  width: 100%;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox:hover .icon_item_box {
  right: 15px;
  opacity: 1;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox:hover .addBtn {
  bottom: 15px;
  opacity: 1;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox {
  width: 70%;
  position: relative;
  margin-top: 15px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .rating-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .rating-box .rating a {
  display: flex;
  align-items: center;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .rating-box .rating a span {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .commonHeading h6 {
  margin: 5px 0px;
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .para {
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox p {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox p del {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox:hover .cardTextBox .rating-box h4 a {
  color: var(--text-black);
}
.tab_inner_box .shopListViewWrapper .shopListInnerBox:hover .cardTextBox h5 {
  color: var(--text-black);
}

.topToggleBar {
  display: none;
  margin-bottom: 50px;
}
.topToggleBar .horizontalBar .shopSideBar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 767px) {
  .tab_inner_box .shopListViewWrapper .shopListInnerBox {
    flex-wrap: wrap;
  }
  .tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox {
    width: 100%;
  }
  .tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox {
    width: 100%;
  }
  .tab_inner_box .shopListViewWrapper .shopListInnerBox .cardTextBox .rating-box .titleBox h4 {
    font-size: var(--fs18);
  }
  .tab_inner_box .shopListViewWrapper .shopListInnerBox .cardImgBox .swap-on-hover {
    height: 400px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Shop Metro Section css
  02. Responsive css

**********************************************/
.ShopMetroContentBox {
  width: var(--width100);
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ShopMetroContentBox .shopMetroInnerBox {
  width: 100%;
  display: flex;
  gap: 30px;
}
.ShopMetroContentBox .shopMetroInnerBox .shopMetroCardInfoBoxOne {
  width: 50%;
}
.ShopMetroContentBox .shopMetroInnerBox .shopMetroCardInfoBoxOne .shopMetroCardBox .row {
  row-gap: 30px;
}
.ShopMetroContentBox .shopMetroInnerBox .shopMetroCardInfoBoxTwo {
  width: 50%;
}

@media (max-width: 991px) {
  .shopSidebarSec .shopSidebarInner .tabButtonBox2 {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .ShopMetroContentBox .cardImgBox .swap-on-hover3 {
    min-height: 364px;
  }
  .ShopMetroContentBox .shopMetroInnerBox {
    flex-direction: column;
  }
  .ShopMetroContentBox .shopMetroInnerBox .shopMetroCardInfoBoxOne {
    width: 100%;
  }
  .ShopMetroContentBox .shopMetroInnerBox .shopMetroCardInfoBoxTwo {
    width: 100%;
  }
  .shopSidebarSec .shopSidebarInner .tabButtonBox2 {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .shopSidebarSec .shopSidebarInner .tabButtonBox2 .leftSideBox .sidebarIcon a {
    font-size: var(--fs18);
  }
}
/************ TABLE OF CONTENTS ***************

  01. cart Section css
  02. Shop Single Form css
  03. Responsive css

**********************************************/
.cartSec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.cartSec .wishlist_section_wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--white);
  position: relative;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box {
  width: 100%;
  position: relative;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box {
  width: 100%;
  position: relative;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box {
  width: 100%;
  position: relative;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box thead {
  width: 100%;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box thead tr {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 45px;
  border-bottom: 1px solid #949494;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box thead tr th {
  text-align: center;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--chocolate);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box thead tr .th-box1 {
  width: 40%;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box thead tr .th-box2 {
  width: 20%;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #949494;
  padding-bottom: 30px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row td {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-black);
  font-weight: var(--fw500);
  font-size: var(--fs30);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row .td-box1 {
  width: 40%;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row .td-box2 {
  width: 20%;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row .whislist_product_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec {
  width: var(--width100);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn {
  display: flex;
  gap: 30px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .couponCode input {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  padding: 12px 12px;
  border: 1px solid var(--dark01);
  color: var(--dark01);
  transition: all 0.5s;
  outline: none;
  background-color: var(--white);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox {
  width: var(--width100);
  margin-top: 100px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec {
  margin-top: 30px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading {
  display: flex;
  gap: 397px;
  align-items: center;
  border-bottom: 1px solid #949494;
  padding-bottom: 20px;
  padding-top: 20px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .amountBox ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .amountBox p {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .amountBox .bold {
  font-weight: var(--fw500);
  font-size: var(--fs30);
  margin-left: 50px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .shipping-options {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .shipping-options label {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .shipping-options p {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading .shipping-options p strong {
  color: var(--text-black);
}
.cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .checkout-btn {
  margin-top: 50px;
}

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--chocolate);
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.shope_single_form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.shope_single_form button {
  border: 1px solid var(--chocolate);
  outline: none;
  width: 36px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: var(--text-black);
}
.shope_single_form .number {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--white);
  background-color: var(--chocolate);
  width: 36px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  .cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box {
    position: relative;
    overflow-x: scroll;
    width: 900px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody .table_content_row .whislist_product_box .icon_box img {
    width: 70px;
    height: 70px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .inner_table_box .table_box tbody {
    gap: 20px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li {
    gap: 70px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading {
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec {
    flex-wrap: wrap;
    gap: 20px;
  }
  .cartSec {
    padding: var(--p50) var(--p0);
  }
}
@media (max-width: 600px) {
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .couponCode {
    width: 100%;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .couponCode input {
    width: 100%;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .applyCode {
    width: 100%;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .applyCode .btnOne {
    width: 150px;
    font-size: var(--fs12);
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .updateBtn {
    width: 100%;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .updateBtn .btnOne {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn {
    gap: 10px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .couponCode a {
    font-size: var(--fs12);
    padding: 12px 12px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .couponBtn .applyCode a {
    font-size: var(--fs12);
    padding: 12px 12px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .appleCouponSec .updateBtn a {
    font-size: var(--fs12);
    padding: 12px 12px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li {
    gap: 20px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul .subHeading {
    gap: 20px;
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li .shipping-options label {
    font-size: var(--fs16);
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li .shipping-options p {
    font-size: var(--fs16);
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li .amountBox p {
    font-size: var(--fs16);
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li .titleBox .commonHeading h5 {
    font-size: var(--fs20);
  }
  .cartSec .wishlist_section_wrapper .wishlist_main_box .cartTotalBox .shippingSec ul li .amountBox .bold {
    font-size: var(--fs22);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Check Out Section css
  02. Responsive css

**********************************************/
.checkout-container {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: 100px 0px;
}
.checkout-container .coupon-banner .athenacommerceInfo {
  margin-bottom: var(--m30);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.checkout-container .coupon-banner .athenacommerceInfo a {
  color: var(--chocolate);
}
.checkout-container .coupon-banner .card {
  width: var(--width100);
  margin-bottom: var(--m30);
  max-width: 494px;
  margin-top: 4px;
}
.checkout-container .coupon-banner .card .couponInfoBox .couponInner {
  display: flex;
  gap: 10px;
}
.checkout-container .coupon-banner .card .couponInfoBox .couponInner .row-first {
  width: 100%;
  max-width: 250px;
}
.checkout-container .coupon-banner .card .couponInfoBox .couponInner .row-first input {
  width: 100%;
  padding: 11px 0px 11px 11px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  outline: none;
  border: 1px solid var(--dark01);
  border-radius: 0;
  background-color: var(--white);
}
.checkout-container .checkout-content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.checkout-container .checkout-content .billing-details {
  width: 60%;
}
.checkout-container .checkout-content .billing-details .commonHeading h5 {
  margin-bottom: 30px;
}
.checkout-container .checkout-content .billing-details .form-row {
  margin-bottom: 10px;
}
.checkout-container .checkout-content .billing-details .form-row .row {
  row-gap: 20px;
}
.checkout-container .checkout-content .billing-details .form-row .formGroup {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.checkout-container .checkout-content .billing-details .form-row .formGroup label {
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.checkout-container .checkout-content .billing-details .form-row .formGroup input {
  width: 100%;
  height: 60px;
  background-color: #F9F9F9;
  outline: none;
  border: none;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  padding: 18px 20px;
}
.checkout-container .checkout-content .billing-details .form-row .formGroup .selectFiled {
  width: 100%;
  height: 60px;
  background-color: #F9F9F9;
  outline: none;
  border: none;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  padding: 18px 20px;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/black-arrow.png');
  background-repeat: no-repeat;
  background-position: right 20px center;
  appearance: none;
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox {
  margin-top: 20px;
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .checkboxSection {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .checkboxSection input {
  display: none;
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .checkboxSection label {
  position: relative;
  cursor: pointer;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .checkboxSection label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #858585;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .checkboxSection input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid var(--chocolate);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkout-container .checkout-content .billing-details .form-row .createAccountBox .card {
  border: none;
}
.checkout-container .checkout-content .billing-details .form-row .additionalInfo {
  margin-top: var(--m20);
}
.checkout-container .checkout-content .billing-details .form-row .additionalInfo .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: 20px;
}
.checkout-container .checkout-content .billing-details .form-row .additionalInfo textArea {
  resize: none;
  overflow: auto;
  padding: 10px 15px;
  min-height: 190px;
  resize: none;
  outline: none;
  border: 1px solid var(--dark01);
  background-color: var(--white);
  color: var(--dark01);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox {
  width: 40%;
  background: #f9e9dd;
  padding: 20px;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .checkoutTextBox h2 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--text-black);
  margin-bottom: var(--m20);
  text-transform: uppercase;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box {
  width: var(--width100);
  position: relative;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box {
  border: 1px solid var(--dark01);
  margin-bottom: var(--m20);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box ul {
  width: var(--width100);
  display: flex;
  flex-direction: column;
  padding: var(--p10);
  gap: 10px;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box ul li {
  width: var(--width100);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box ul li .inner_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box ul li .inner_box a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cart_total_Box .cart_total_inner_box ul li .inner_box .gray_txt {
  color: var(--dark01);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .gift-card_apply .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: 20px;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .gift-card_apply .cardInputBox {
  display: flex;
  align-items: center;
  gap: 13px;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .gift-card_apply .cardInputBox input {
  width: 100%;
  outline: none;
  border: 1px solid var(--dark01);
  padding: var(--p14) var(--p10);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  background-color: var(--white);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .gift-card_apply .cardInputBox a {
  border: 1px solid transparent;
  padding: var(--p14) var(--p40);
  font-family: "lato";
  font-weight: var(--fw400);
  background-color: var(--chocolate);
  font-size: var(--fs16);
  color: var(--white);
  transition: all 0.5s;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .gift-card_apply .cardInputBox a:hover {
  background-color: transparent;
  color: var(--chocolate);
  border-color: var(--chocolate);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box {
  margin-top: var(--m20);
  border: 1px solid var(--dark01);
  margin-bottom: var(--m20);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .cashDeliveryInputBox {
  border-bottom: 1px solid var(--dark01);
  padding: var(--p10);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .cashDeliveryInputBox .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: 20px;
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .cashDeliveryInputBox input {
  width: 100%;
  outline: none;
  border: 1px solid var(--dark01);
  padding: var(--p14) var(--p10);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  background-color: var(--white);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .textBox {
  padding: var(--p10);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .textBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .textBox a {
  display: inline-flex;
  border: 1px solid transparent;
  padding: var(--p14) var(--p40);
  font-family: "lato";
  font-weight: var(--fw400);
  background-color: var(--chocolate);
  font-size: var(--fs16);
  color: var(--white);
  transition: all 0.5s;
  margin-top: var(--m20);
}
.checkout-container .checkout-content .checkoutOrderSummaryBox .cash-delivery_box .textBox a:hover {
  background-color: transparent;
  color: var(--chocolate);
  border-color: var(--chocolate);
}

.checkoutOderBox {
  width: 40%;
  background: #f7f7f7;
  padding: 25px;
}
.checkoutOderBox .commonHeading {
  margin-bottom: var(--m20);
}
.checkoutOderBox .commonHeading h5 {
  text-transform: uppercase;
  text-align: center;
  color: var(--text-black);
}
.checkoutOderBox .orderDetailsBox {
  background-color: var(--white);
  padding: 20px;
}
.checkoutOderBox .orderDetailsBox .oderTitleBox {
  width: var(--width100);
}
.checkoutOderBox .orderDetailsBox .oderTitleBox ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p16);
}
.checkoutOderBox .orderDetailsBox .oderTitleBox ul li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.checkoutOderBox .orderDetailsBox .oderListBox {
  width: var(--width100);
  position: relative;
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: 15px;
  padding-top: var(--p16);
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .productBox {
  display: flex;
  gap: 15px;
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .productBox img {
  width: 60px;
  height: 60px;
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .productBox .contentBox h4 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .productBox .contentBox .qty p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .subtotal {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.checkoutOderBox .orderDetailsBox .orderSummary {
  width: var(--width100);
  position: relative;
}
.checkoutOderBox .orderDetailsBox .orderSummary ul .subHeading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p16);
  padding-top: var(--p16);
}
.checkoutOderBox .orderDetailsBox .orderSummary ul .subHeading .titleBox h5 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.checkoutOderBox .orderDetailsBox .orderSummary ul .subHeading .amountBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
}
.checkoutOderBox .paymentSection {
  margin-top: 25px;
}
.checkoutOderBox .paymentSection .amountBox ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.checkoutOderBox .paymentSection .amountBox ul li {
  display: flex;
  align-items: center;
}
.checkoutOderBox .paymentSection .amountBox ul li label img {
  width: 116px;
  height: 40px;
}
.checkoutOderBox .paymentSection .paypalInfo {
  background-color: var(--white);
  padding: var(--p16);
  margin-top: var(--m16);
}
.checkoutOderBox .paymentSection .paypalInfo p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.checkoutOderBox .paymentSection .paypalInfo p a {
  color: var(--text-black);
}
.checkoutOderBox .paymentSection .privacyText {
  margin-top: var(--m20);
}
.checkoutOderBox .paymentSection .privacyText form .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkoutOderBox .paymentSection .privacyText form .form-group label {
  position: relative;
  cursor: pointer;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
}
.checkoutOderBox .paymentSection .privacyText form .form-group label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #858585;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.checkoutOderBox .paymentSection .privacyText form .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid var(--chocolate);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkoutOderBox .paymentSection .payBtn {
  width: var(--width100);
  margin-top: var(--m20);
}
.checkoutOderBox .paymentSection .payBtn button {
  width: var(--width100);
}

@media (max-width: 1199px) {
  .checkout-container .checkout-content {
    flex-wrap: wrap;
  }
  .checkout-container .checkout-content .billing-details {
    width: 100%;
  }
  .checkout-container .checkout-content .checkoutOderBox {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .checkout-container {
    padding: 50px 0px;
  }
}
@media (max-width: 500px) {
  .checkoutOderBox .orderDetailsBox .oderListBox .orderItemBox .productBox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }
  .checkoutOderBox {
    padding: 10px;
  }
  .checkout-container .coupon-banner .athenacommerceInfo {
    font-size: var(--fs14);
  }
  .checkout-container .coupon-banner .card .couponInfoBox .couponInner .row-last .btnOne {
    width: 105px;
    font-size: var(--fs12);
  }
  .checkout-container .checkout-content .billing-details .form-row .additionalInfo .commonHeading h5 {
    font-size: var(--fs20);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Our Blog 02 column Section css
  02. Responsive css

**********************************************/
.our_blog_02_column_section {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: 100px 0px 100px 0px;
}
.our_blog_02_column_section .our_blog_02_column_main_box {
  width: 100%;
  position: relative;
}
.our_blog_02_column_section .our_blog_02_column_main_box .row {
  row-gap: 30px;
}
.our_blog_02_column_section .our_blog_02_column_main_box .latestNewsCardInner .latestNewsCardInnerContent .commonHeading h5 {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .our_blog_02_column_section {
    padding: 50px 0px 50px 0px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Our Blog 01 column with sidebar Section css
  02. Responsive css

**********************************************/
.athenaFashionBlogGroup {
  width: 100%;
  height: 100%;
  position: relative;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupImg {
  width: 100%;
  margin-bottom: 35px;
  position: relative;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupImg a img {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent {
  margin-bottom: var(--m60);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent .athenaFashionBlogGroupMeta {
  margin-bottom: var(--m16);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent .athenaFashionBlogGroupMeta .nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent .athenaFashionBlogGroupMeta .nav .nav-item a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent .athenaFashionBlogGroupContentInner:hover .commonHeading h5 a {
  color: var(--text-black);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider {
  position: relative;
  margin-bottom: 20px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider .owl-nav {
  width: var(--width100);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider .owl-nav .owl-prev {
  margin-left: 15px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider .owl-nav .owl-prev span {
  font-size: 40px;
  color: var(--chocolate);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider .owl-nav .owl-next {
  margin-right: 15px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupSlider .owl-nav .owl-next span {
  font-size: 40px;
  color: var(--chocolate);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogImgContentBox {
  width: 100%;
  position: relative;
  padding: 60px 0px;
  background-color: var(--dark02);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogImgContentBox .quote_icon_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogImgContentBox p {
  font-family: "lato";
  font-weight: var(-fw400);
  font-size: var(--fs20);
  margin-top: 20px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogImgContentBox p a {
  color: var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .audioWrapper {
  margin-bottom: var(--m60);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .audioWrapper .audioWrapperIframe {
  width: 100%;
  height: 300px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .video-container {
  width: 100%;
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .play-button-wrapper #circle-play-b svg {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}

.blogDate {
  background-color: var(--chocolate);
  display: flex;
  flex-direction: column;
  width: 80px;
  height: 80px;
  color: #fff;
  align-items: center;
  border-radius: 50px;
  border: 4px solid #fff;
  text-decoration: none;
  justify-content: center;
  gap: 0;
  position: absolute;
  bottom: -40px;
  right: 20px;
  z-index: 99;
}
.blogDate h5 {
  color: var(--white);
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
}
.blogDate span {
  color: var(--white);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
}

.athenaFashionBlogGroupContentInner .commonHeading h5 {
  margin-bottom: var(--m16);
}
.athenaFashionBlogGroupContentInner p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m30);
}

@media (max-width: 767px) {
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .play-button-wrapper #circle-play-b svg {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 600px) {
  .blogDate {
    width: 65px;
    height: 65px;
    bottom: -32px;
  }
  .blogDate h5 {
    font-size: var(--fs16);
  }
  .blogDate a {
    align-items: center;
  }
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogImgContentBox .commonHeading h5 {
    text-align: center;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Our blog 02 column with sidebar Section css
  02. Responsive css

**********************************************/
.toodleBlog {
  padding: 80px 0;
}

.athenaBlogSidebar {
  border: 0.5px solid #FFF4F8;
  border-radius: 6px;
  background-color: var(--sand);
}
.athenaBlogSidebar .athenaBlogSidebarItem {
  padding: 30px 0px;
  border-bottom: 1px dashed rgba(133, 133, 133, 0.2);
}
.athenaBlogSidebar .athenaBlogSidebarItem:first-child {
  padding-top: 0;
}
.athenaBlogSidebar .athenaBlogSidebarItem:last-child {
  padding-bottom: 0;
  border: 0;
}
.athenaBlogSidebar .athenaBlogSidebarHeading {
  margin-bottom: 20px;
}
.athenaBlogSidebar .athenaBlogSidebarHeading h2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  color: #102C35;
}

@media (max-width: 991px) {
  .menu-toggle {
    display: none;
  }
}
@media (max-width: 1199px) {
  .athenaBlogSidebar {
    padding: 15px;
  }
}
@media (max-width: 991px) {
  .athenaBlogSidebar {
    position: fixed;
    top: 0;
    z-index: 4;
    width: 350px;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 0 12px 0px rgba(156, 156, 156, 0.5);
    height: 100vh;
    overflow: auto;
    z-index: 99999;
  }
  .athenaBlogSidebar .athenaBlogSidebarInner {
    position: relative;
    padding-top: 30px;
  }
  .athenaBlogSidebar .athenaBlogSidebarInner .blogSidebarClose {
    position: absolute;
    top: -6px;
  }
  .athenaBlogSidebar .athenaBlogSidebarInner .blogSidebarClose svg {
    width: 28px;
    height: 28px;
  }
  .athenaBlogSidebar.athenaBlogSidebarLeft {
    transform: translateX(-550px);
    transition: all 0.4s ease;
    left: 0;
  }
  .athenaBlogSidebar.athenaBlogSidebarLeft .athenaBlogSidebarInner .blogSidebarClose {
    right: 6px;
  }
  .athenaBlogSidebar.athenaBlogSidebarRight {
    transform: translateX(550px);
    transition: all 0.4s ease;
    right: 0;
  }
  .athenaBlogSidebar.athenaBlogSidebarRight .athenaBlogSidebarInner .blogSidebarClose {
    left: 15px;
  }
  .athenaBlogSidebar.active {
    transform: translateX(0px);
  }
  .evSidebarFilterToggleOuter {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 30px;
  }
  .evSidebarFilterToggleOuter a {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .evSidebarFilterToggleOuter a span {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #102C35;
  }
  .athenaBlogSidebarLeftInner .evSidebarFilterToggleOuter {
    justify-content: end;
  }
  .athenaBlogSidebarRightInner .evSidebarFilterToggleOuter {
    justify-content: start;
  }
  .evSidebarFilterToggleOuter {
    margin-bottom: 15px;
  }
  .our_blog_02_column_with_sidebar_card_box {
    margin-top: 30px;
  }
  .leaveReply .leaveReplyInner .commonInnerPageHeading h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 15px;
  }
  .socialMediaIconSec .socialMediaIconSecInner .socialMediaLink {
    width: 50px;
    height: 50px;
  }
  .blogNxtPrevPage .blogNxtPrevPageInner {
    flex-direction: column;
  }
  .blogCategory,
  .toodleBlog {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .toodleBlog {
    padding: 50px 0;
  }
  .athenaBlogSidebar .athenaBlogSidebarInner {
    padding-top: 40px;
  }
  .leaveReply .leaveReplyInner .commonInnerPageHeading h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 575px) {
  .audio-player .audio-details .title {
    font-size: 20px;
    line-height: 30px;
  }
  .audio-player .audio-controls {
    flex-direction: column;
    align-items: flex-start;
  }
  .audio-player .audio-details .artist {
    font-size: 16px;
  }
  .blogQuteTwo {
    grid-template-columns: 1fr;
  }
  .blogQuteTwo .blogQuteIcon {
    border-right: 0;
    border-bottom: 1px solid rgba(136, 136, 136, 0.1254901961);
  }
  .blogNxtPrevPage .blogNxtPrevPageInner .blogPrevPage a p,
  .blogNxtPrevPage .blogNxtPrevPageInner .blogNxtPage a p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #111111;
    margin-bottom: 0;
  }
}
@media (max-width: 375px) {
  .athenaBlogSidebar {
    width: 100%;
  }
}
/************ TABLE OF CONTENTS ***************

  01. blog single image with sidebar Section css
  02. Form css Start 
  03. Responsive css

**********************************************/
.athenaFashionBlogGroup {
  width: 100%;
  height: 100%;
  position: relative;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleImageWithSidebarContentBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 44px 40px;
  background-color: var(--dark02);
  margin-bottom: 60px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleImageWithSidebarContentBox .blogSingleImageWithSidebarTextBox .person_name {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  margin-top: 10px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleImageWithSidebarContentBox .blogSingleImageWithSidebarTextBox .person_name a {
  color: var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox {
  width: 100%;
  margin-bottom: var(--m60);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .profileContentBox {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: var(--m30);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .profileContentBox .profile-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .profileContentBox .profileInfoBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  margin-top: 10px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .profileContentBox .profileInfoBox p a {
  color: var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks {
  width: 100%;
  border-top: 1px solid var(--dark01);
  border-bottom: 1px solid var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks ul {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: var(--p20) var(--p0);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks ul li a {
  transition: all 0.5s;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks ul li a svg {
  transition: all 0.5s;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks ul li a svg path {
  transition: all 0.5s;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .profileCardBox .socialLinks ul li a:hover svg path {
  fill: var(--text-black);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleImgPagination .pagination {
  padding-bottom: 0;
  padding-top: 50px;
}

.leaveReplyInner {
  width: 100%;
}
.leaveReplyInner .commonInnerPageHeading {
  margin-bottom: var(--m30);
}
.leaveReplyInner .ratingInfoBox {
  display: flex;
  align-items: center;
  gap: 20px;
}
.leaveReplyInner .ratingInfoBox .rating-container .stars {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.leaveReplyInner .ratingInfoBox .rating-container .stars .star {
  font-size: var(--fs30);
  color: #ccc;
  transition: color 0.2s;
}
.leaveReplyInner .ratingInfoBox .rating-container .stars .star.active {
  color: var(--yellow);
}
.leaveReplyInner .ratingInfoBox .rating-container .stars .star:hover, .leaveReplyInner .ratingInfoBox .rating-container .stars .star:hover ~ .star {
  color: #ccc;
}
.leaveReplyInner .leaveReplyForm form .formGroup label {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.leaveReplyInner .leaveReplyForm form .formGroup textarea {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 1px solid var(--dark01);
  outline: none;
  resize: none;
  border-radius: 0;
  padding: 10px 0px 0px 10px;
  color: var(--dark01);
  box-shadow: none;
}
.leaveReplyInner .leaveReplyForm form .formGroup input {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 1px solid var(--dark01);
  outline: none;
  resize: none;
  border-radius: 0;
  padding: 0px 0px 0px 10px;
  color: var(--dark01);
  box-shadow: none;
}
.leaveReplyInner .leaveReplyForm form .marbottom {
  margin-bottom: var(--m40);
}

.leaveReplyInner2 {
  background-color: var(--sand);
  padding: var(--p30);
  margin-top: var(--m60);
}
.leaveReplyInner2 .leaveReplyForm form .formGroup input {
  background-color: transparent !important;
}

.RememberForgotPassword .form-group label:before {
  background-color: transparent;
  border: 2px solid #858585;
}

.RememberForgotPassword {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 60px;
}
.RememberForgotPassword label {
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #858585;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.RememberForgotPassword label img {
  width: 20px;
  object-fit: contain;
}
.RememberForgotPassword label:before {
  content: "";
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #FFF4F8;
  background-color: #FFF4F8;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  width: 12px;
  height: 12px;
}
.RememberForgotPassword label a {
  color: var(--chocolate);
}
.RememberForgotPassword label a:hover {
  text-decoration: underline;
}
.RememberForgotPassword input#remember {
  display: none;
}
.RememberForgotPassword input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid var(--chocolate);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

@media (max-width: 991px) {
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleImageWithSidebarContentBox {
    margin-bottom: 30px;
  }
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContent {
    margin-bottom: var(--m30);
  }
  .athenaFashionBlogPagination .pagination {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .leaveReplyInner .ratingInfoBox {
    flex-wrap: wrap;
  }
  .blogSingleImageWithSidebarContentBox {
    padding: 20px 22px !important;
    flex-direction: column;
    text-align: center;
  }
  .RememberForgotPassword label {
    font-size: 14px;
  }
  form .LoginBtn {
    margin-top: var(--m30) !important;
  }
  .loginRegisterFormGroup form .RememberForgotPassword {
    margin-bottom: 0;
  }
}
/************ TABLE OF CONTENTS ***************

  01. blog single slider with sidebar Section css
  02. Comment section scss
  03. Responsive css

**********************************************/
.athenaFashionBlogGroup {
  width: 100%;
  height: 100%;
  position: relative;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContentInner .drop-cap::first-letter {
  font-family: "Kalnia";
  font-weight: var(--fw600);
  font-size: var(--fs48);
  float: left;
  line-height: 1;
  margin-right: 8px;
  color: var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .athenaFashionBlogGroupContentInner .highlight {
  color: var(--chocolate);
  text-align: center;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox .blogSingleSliderWithSideBarImgBox {
  display: flex;
  gap: 30px;
  margin-bottom: var(--m30);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox .blogSingleSliderWithSideBarImgBox .blogImgBoxOne {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox .blogSingleSliderWithSideBarImgBox .blogImgBoxOne img {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox .blogSingleSliderWithSideBarImgBox .blogImgBoxTwo {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleSliderWithSideBarBox .blogSingleSliderWithSideBarImgBox .blogImgBoxTwo img {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox {
  width: 100%;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--m30);
  margin-bottom: var(--m26);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul {
  display: flex;
  gap: 20px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul li .textBox h5 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  margin-bottom: var(--m6);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul li .textBox h5 a {
  color: var(--text-black);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul li .textBox h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m6);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul li .textBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m6);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .aboutBloggerDetailBox ul li .textBox span {
  font-family: "lato";
  font-weight: var(--fw500);
  font-size: var(--fs16);
  color: var(--text-black);
  font-style: italic;
}

.athenaFashionCommentWrapperBox {
  width: 100%;
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup {
  margin-top: var(--m30);
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: var(--m60);
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 20px;
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsImg a img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt .athenaFashionTitleText {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt .athenaFashionTitleText span {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt .athenaFashionTitleText a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt h5 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  margin-bottom: 5px;
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt h5 a {
  color: var(--text-black);
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsTxt p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem2 {
  padding-left: 100px;
}

@media (max-width: 991px) {
  .aboutBlogSideBarSection {
    padding: var(--p30) var(--p0);
  }
}
@media (max-width: 767px) {
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox {
    flex-wrap: wrap;
  }
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox {
    width: var(--width100) !important;
  }
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureImgBox {
    width: var(--width100) !important;
  }
  .athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleVideoWithSideBarBox p {
    padding: 20px 30px !important;
  }
}
@media (max-width: 600px) {
  .athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem2 {
    padding-left: 0px;
  }
  .athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem {
    align-items: start;
    grid-template-columns: 70px 1fr;
  }
  .athenaFashionCommentWrapperBox .athenaFashionCommenInfo .athenaFashionCommentsGroup .athenaFashionCommentsItem .athenaFashionCommentsImg a img {
    width: 70px;
    height: 70px;
    object-fit: cover;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Blog single vedio with sideebar Section css
  02. Responsive css

**********************************************/
.athenaFashionBlogGroup {
  width: 100%;
  height: 100%;
  position: relative;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleVideoWithSideBarBox {
  margin-bottom: var(--m30);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogSingleVideoWithSideBarBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--chocolate);
  background-color: var(--dark02);
  padding: 44px 65px;
  border-left: 10px solid var(--chocolate);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox {
  width: var(--width100);
  display: flex;
  gap: 30px;
  margin-bottom: var(--m16);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox {
  width: var(--width50);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: var(--m16);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox .tipsForFutureGroup {
  width: 100%;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox .tipsForFutureGroup .tipsForFutureListBox {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: var(--m20);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureContentBox .tipsForFutureGroup .tipsForFutureListBox li {
  list-style: disc;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureImgBox {
  width: var(--width50);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureInfoBox .tipsForFutureImgBox img {
  width: var(--width100);
  height: 100%;
  object-fit: cover;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureBlogImgBox {
  width: var(--width100);
  margin-bottom: var(--m30);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .tipsForFutureWrapper .tipsForFutureBlogImgBox img {
  width: var(--width100);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage {
  width: var(--width100);
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p30);
  margin-bottom: var(--m30);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner .blogPrevPage a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner .blogPrevPage a span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner .blogNxtPage a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner .blogNxtPage a span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dark01);
}
.athenaFashionBlogGroup .athenaFashionBlogGroupInner .athenaFashionBlogGroupItem .blogNxtPrevPage .blogNxtPrevPageInner .blogNxtPage .disabled span {
  background-color: var(--chocolate);
}

/************ TABLE OF CONTENTS ***************

  01. Shop Single Section css
  02. Responsive css

**********************************************/
.fashionShopDetail {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.fashionShopDetail .fashionShopDetailInner {
  width: var(--width100);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .row {
  row-gap: 50px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages {
  position: relative;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .swiperNav {
  position: absolute;
  top: 20px;
  right: 20px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .main-image-wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .main-image {
  width: 100%;
  transition: transform 0.4s ease;
  cursor: crosshair;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .main-image:hover {
  transform: scale(1.3);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .thumbnails {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .thumbnails img {
  width: 33.3%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductImages .thumbnails img:hover {
  border: 2px solid var(--chocolate);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductHeadingDetail .commonHeading {
  margin-bottom: var(--m16);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductHeadingDetail .commonHeading h5 {
  font-size: var(--fs30);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductReviewDetail {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--m12);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductReviewDetail .shopProductRatingDetail a {
  display: flex;
  gap: 5px;
  align-items: center;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductReviewDetail .shopProductReviewCountDetail ul {
  display: flex;
  gap: 20px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductReviewDetail .shopProductReviewCountDetail ul li {
  list-style: disc;
  margin-left: 20px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p16);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceBox {
  display: flex;
  align-items: center;
  gap: 30px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceBox .shopProductDiscountPrice {
  position: relative;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceBox .shopProductDiscountPrice ins {
  text-decoration: none;
  font-family: "lato";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--text-black);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceBox .shopProductDiscountPrice::after {
  content: "";
  width: 5px;
  height: 2px;
  position: absolute;
  background-color: var(--text-black);
  top: 50%;
  left: 80px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceBox .shopProductMarketPrice del {
  font-family: "lato";
  font-weight: var(--fw500);
  font-size: var(--fs30);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail .shopProductPriceList ul li {
  list-style: disc;
  margin-left: 20px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCouponCode {
  margin: var(--m14) var(--m0);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCouponCode p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCouponCode p span {
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours {
  margin-bottom: 15px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  margin-bottom: 10px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours h6 span {
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection input[type=radio] {
  display: none;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection input[type=radio]:checked + span {
  outline: 1px dashed var(--chocolate);
  outline-offset: 1px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection span {
  display: inline-block;
  width: 22px;
  height: 22px;
  outline-offset: 2px;
  cursor: pointer;
  transition: border 0.2s;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(1) span {
  background-color: #97C4EF;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(2) span {
  background-color: #FFD23D;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(3) span {
  background-color: #B9C070;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(4) span {
  background-color: #E6AFC7;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(5) span {
  background-color: #90CBC9;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableColours .colorSelection:nth-child(6) span {
  background-color: #BCCBF4;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  margin-bottom: 10px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize h6 span {
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize .sizeSelection {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize .sizeSelection input {
  display: none;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize .sizeSelection .sizeOption span {
  border: 1px solid var(--dark01);
  display: inline-block;
  width: 40px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  cursor: pointer;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailableSize .sizeSelection .sizeOption input[type=radio]:checked + span {
  background-color: var(--chocolate);
  color: var(--white);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAdressDetail {
  margin-top: var(--m20);
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p16);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAdressDetail p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAdressDetail p .tag {
  display: inline-flex;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--white);
  background-color: var(--dark01);
  padding: 4px 11px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAdressDetail small {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductParaBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-top: var(--m20);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCountBox {
  margin: 20px 0px 30px 0px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCountBox .shope_single_form button {
  border: 1px solid var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCountBox2 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCountBox2 .shope_single_form button {
  width: 50px;
  height: 50px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductCountBox2 .shope_single_form .number {
  width: 50px;
  height: 50px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductBuyBtn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: var(--m20);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailabelPickupDetail ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailabelPickupDetail ul li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailabelPickupDetail ul li a {
  color: var(--chocolate);
  text-decoration: underline;
}
.fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductAvailabelPickupDetail ul .bgColor {
  background-color: var(--sand);
  padding: var(--p10) var(--p20);
  color: var(--text-black);
}

.fashionShopDetail2 {
  padding: var(--p0) var(--p0) var(--p100) var(--p0);
}

.shopAddToCartBtn .btnOne {
  width: var(--width100);
  padding: 0px 38px;
  white-space: nowrap;
}

.shopBuyNowBtn .transparentBtn {
  width: var(--width100);
  padding: 0px 38px;
  white-space: nowrap;
}

.fashionTabDescription {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding-bottom: var(--p30);
}
.fashionTabDescription .fashionTabDescriptionInner {
  width: var(--width100);
  position: relative;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--dark01);
  margin-bottom: var(--m30);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab .nav-pills {
  display: flex;
  gap: 100px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab .nav-pills .nav-item .nav-link {
  background-color: transparent;
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--dark01);
  border-radius: 0;
  transition: all 0.5s;
  padding-bottom: var(--p16);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab .nav-pills .nav-item .nav-link.active {
  border-bottom: 1px solid var(--chocolate);
  color: var(--chocolate);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent {
  /* Responsive */
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox {
  display: flex;
  gap: 40px;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p60);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox {
  width: var(--width60);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .commonHeading {
  margin-bottom: var(--m20);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .commonHeading h5 {
  font-size: var(--fs30);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m30);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .descriptionListBox {
  padding-left: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 20px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .descriptionListBox li {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  list-style: disc;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionImageBox {
  width: var(--width40);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionImageBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection {
  width: var(--width100);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewsHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewsHeader .sortBox label {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewsHeader .sortBox select {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  background-color: var(--white);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewsHeader .sortBox select option:hover {
  background-color: var(--chocolate);
  color: var(--white);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox {
  width: var(--width100);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox {
  width: var(--width100);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: var(--m16);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox .reviewContentBox {
  display: flex;
  align-items: center;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox .reviewContentBox img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 15px;
  object-fit: cover;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox .reviewContentBox .verified {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox .reviewMonthBox .date {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewTextBox h4 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  margin-bottom: var(--m10);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewTextBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m10);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewRatingBox a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  display: flex;
  align-items: center;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox2 {
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p20);
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form {
  margin-top: 40px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form label {
  display: block;
  margin: 10px 0 5px;
  font-size: 14px;
  color: #333;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form textarea,
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 15px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .form-row {
  display: flex;
  gap: 15px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .form-row input {
  flex: 1;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .form-check {
  display: flex;
  align-items: center;
  margin: 10px 0 20px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .form-check input {
  width: auto;
  margin-right: 10px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .form-check label {
  font-size: 13px;
  color: #555;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .btn-submit {
  background: #5b3a1f;
  color: #fff;
  padding: 10px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .review-form .btn-submit:hover {
  background: #402816;
}
@media (max-width: 768px) {
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviews-section {
    padding: 0 15px;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviews-section .form-row {
    flex-direction: column;
  }
}

@media (max-width: 1399px) {
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox {
    gap: 20px;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox {
    width: var(--width50);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionImageBox {
    width: var(--width50);
  }
}
@media (max-width: 991px) {
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox {
    gap: 20px;
    flex-wrap: wrap;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox {
    width: var(--width100);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionImageBox {
    width: var(--width100);
  }
  .fashionShopDetail {
    padding: var(--p30) var(--p0);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox {
    padding-bottom: var(--p30);
  }
  .fashionTabDescription {
    padding-bottom: var(--p0);
  }
}
@media (max-width: 767px) {
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewsHeader {
    flex-wrap: wrap;
    gap: 30px;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .commonHeading h5 {
    font-size: var(--fs20);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .reviewInfoBox .reviewItemBox .reviewUserBox {
    flex-wrap: wrap;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab .nav-pills {
    display: flex;
    gap: 20px;
  }
  .fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductHeadingDetail .commonHeading h5 {
    font-size: var(--fs24);
  }
}
@media (max-width: 500px) {
  .fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductHeadingDetail .commonHeading h5 {
    font-size: var(--fs20);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .commonHeading h5 {
    font-size: var(--fs20);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .descriptionStyleBox .descriptionContentBox .descriptionListBox {
    grid-template-columns: repeat(1, 1fr);
  }
  .fashionShopDetail .fashionShopDetailInner .fashionShopDetailRow .fashionShopProductDetail .fashionShopProductDetailInner .fashionShopProductPriceDetail {
    flex-wrap: wrap;
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionTab .nav-pills .nav-item .nav-link {
    font-size: var(--fs16);
  }
  .fashionTabDescription .fashionTabDescriptionInner .fashionDescriptionContent .tab-content .tab-pane .fashionTabContent .reviewsSection .commonHeading h5 {
    font-size: var(--fs18);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Shop Single 02 Section css
  02. Responsive css

**********************************************/
.product-gallery {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.product-gallery .thumbnails {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.product-gallery .thumbnails .thumb {
  width: 210px;
  height: 190px;
  object-fit: cover;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.product-gallery .thumbnails .thumb.active {
  border: 2px solid var(--chocolate);
}
.product-gallery .thumbnails .thumb:hover {
  transform: scale(1.05);
}
.product-gallery .main-image {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-gallery .main-image .image-slider {
  display: flex;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
.product-gallery .main-image .image-slider .slide {
  min-width: 100%;
  max-width: 570px;
  height: 630px;
  object-fit: cover;
  cursor: zoom-in;
  transition: transform 0.5s ease;
  /* 🔥 Zoom on hover */
}
.product-gallery .main-image .image-slider .slide:hover {
  transform: scale(1.5);
  cursor: crosshair;
}

.product-gallery2 {
  width: 100%;
  flex-direction: column-reverse;
}
.product-gallery2 .thumbnails2 {
  width: 100%;
  flex-direction: row;
  gap: 20px;
}
.product-gallery2 .thumbnails2 .thumb {
  width: 150px;
  height: 140px;
}
.product-gallery2 .main-image .image-slider .slide {
  height: 450px;
}

/* Responsive */
@media (max-width: 768px) {
  .product-gallery {
    flex-direction: column;
    align-items: center;
  }
  .product-gallery .thumbnails {
    flex-direction: row;
    justify-content: center;
  }
  .product-gallery .thumbnails .thumb {
    width: 140px;
    height: 140px;
  }
  .product-gallery .main-image .image-slider .slide {
    height: 460px;
  }
}
@media (max-width: 500px) {
  .product-gallery .thumbnails {
    display: flex;
    gap: 10px;
  }
  .product-gallery .thumbnails .thumb {
    width: 90px;
    height: 90px;
  }
  .product-gallery .main-image .image-slider .slide {
    height: 300px;
  }
}
.iconListBox {
  position: absolute;
  right: 20px;
  top: 20px;
}
.iconListBox ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.iconListBox ul li {
  background-color: var(--white);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconListBox ul li button {
  border: none;
}

.likeBtn {
  border: 2px solid transparent;
  background: var(--clr1);
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.heartIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 15px;
  transition: fill 0.3s ease, stroke 0.3s ease;
  fill: transparent;
  stroke: #000;
  margin-right: 4px;
}

.likeBtn.liked .heartIcon {
  fill: var(--red);
  stroke: var(--red);
  border-color: var(--red);
}

/************ TABLE OF CONTENTS ***************

  01. Shop Single 03 Section css
  02. Responsive css

**********************************************/
.shopSidebarFilterBox {
  background-color: var(--sand);
}

.shopSidebarFilterBox .crossBtnBox .close-btn {
  display: none;
}

.shopSingle_03_Sec {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}

@media (max-width: 991px) {
  .shopSingle_03_Sec {
    padding: var(--p30) var(--p0) var(--p0) var(--p0);
  }
  .relatedSearchSec {
    padding: var(--p0) var(--p0) var(--p100) var(--p0);
  }
  .leftsidebar_toggle_btn {
    display: flex;
    border: none;
    background: transparent;
  }
  #LeftSidebarBox {
    position: fixed;
    top: 0px;
    left: -360px;
    /* hidden outside screen */
    width: 360px;
    height: 100%;
    padding-bottom: 120px;
    transition: left 0.3s ease;
    z-index: 9999;
  }
  /* Sidebar visible */
  #LeftSidebarBox.active {
    left: 0;
  }
  #LeftSidebarBox .close-btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 9;
    border: navajowhite;
    background: transparent;
    font-size: 26px;
    display: inline-flex;
    color: #000;
  }
  #LeftSidebarBox.active {
    left: 0;
  }
  .shopSidebarSec .shopSidebarInner .shopSidebarFilterBox {
    left: 0;
  }
}
@media (max-width: 400px) {
  #LeftSidebarBox {
    left: -280px;
    width: 280px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Contact us  Section css
  02. Responsive css

**********************************************/
.contactUsSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.contactUsSection .contactUsWrapper {
  width: var(--width100);
  display: flex;
  gap: 100px;
}
.contactUsSection .contactUsWrapper .contactInfoBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox {
  position: relative;
  border-bottom: 1px solid var(--dark01);
  padding-bottom: var(--p20);
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul li .infoItem {
  display: flex;
  align-items: center;
  gap: 20px;
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul li .infoItem .iconBox a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--chocolate);
  border-radius: 50%;
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul li .infoItem .textBox h4 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul li .infoItem .textBox span {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.contactUsSection .contactUsWrapper .contactInfoBox .contactDetailBox ul li .infoItem .textBox span a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.contactUsSection .contactUsWrapper .contactInfoBox .socialMediaIcons h6 {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--chocolate);
  margin-top: var(--m20);
}
.contactUsSection .contactUsWrapper .contactInfoBox .socialMediaIcons .mediaIcons {
  width: var(--width100);
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: var(--m16);
}
.contactUsSection .contactUsWrapper .contactInfoBox .socialMediaIcons .mediaIcons a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--chocolate);
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.5s;
}
.contactUsSection .contactUsWrapper .contactInfoBox .socialMediaIcons .mediaIcons a:hover {
  border-color: var(--chocolate);
  background-color: transparent;
}
.contactUsSection .contactUsWrapper .contactInfoBox .socialMediaIcons .mediaIcons a:hover svg path {
  fill: var(--chocolate);
}
.contactUsSection .contactUsWrapper .contactFomBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
}
.contactUsSection .contactUsWrapper .contactFomBox .contactFormFiled .myform .row {
  row-gap: 20px;
}
.contactUsSection .contactUsWrapper .contactFomBox .contactFormFiled .myform .row .formGroup label {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  margin-bottom: var(--m10);
}
.contactUsSection .contactUsWrapper .contactFomBox .contactFormFiled .myform .row .formGroup input {
  width: 100%;
  height: 60px;
  background-color: var(--sand);
  border: none;
  outline: none;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  box-shadow: none;
}
.contactUsSection .contactUsWrapper .contactFomBox .contactFormFiled .myform .row .formGroup textarea {
  width: 100%;
  height: 192px;
  background-color: var(--sand);
  border: none;
  outline: none;
  resize: none;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  box-shadow: none;
}

/* Responsive */
@media (max-width: 991px) {
  .contactUsSection {
    padding: var(--p50) var(--p0);
  }
  .contactUsSection .contactUsWrapper {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .contactUsSection .contactUsWrapper {
    flex-wrap: wrap;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Faq Section css
  02. Responsive css

**********************************************/
.fashionFaqSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.fashionFaqSection .fashionFaqInner {
  width: var(--width100);
  position: relative;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent {
  background-color: var(--white);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .commonHeadingOne {
  margin-bottom: var(--m20);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .commonHeadingOne .commonHeading h5 {
  color: var(--text-black);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item {
  border: none;
  margin-bottom: 30px;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button {
  box-shadow: none;
  border-bottom: 1px solid var(--dark01);
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--text-black);
  padding: 0px 0px 15px 0px;
  border-radius: 0;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--chocolate);
  box-shadow: none;
  border-bottom: 1px solid var(--dark01);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item .accordion-collapse {
  border-bottom: 1px solid var(--dark01);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item .accordion-collapse .accordion-body {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  padding: 15px 0px 15px 0px;
  border-radius: 0;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox {
  background-color: var(--sand);
  padding: var(--p20);
  position: sticky;
  top: 20px;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox .commonHeading h5 {
  color: var(--text-black);
  text-align: center;
  margin-bottom: var(--m20);
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox p {
  max-width: 292px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  text-align: center;
  margin: 0 auto;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox .phone {
  margin: var(--m20) var(--m0) var(--m30) var(--m0);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox .phone a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.fashionFaqSection .fashionFaqInner .fashionTabPaneContent .HaveQuestionsBox .fashionStillHaveQuestBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .fashionFaqContent .fashionFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button {
    font-size: var(--fs18);
  }
  .fashionFaqSection {
    padding: var(--p50) var(--p0);
  }
  .fashionFaqSection .fashionFaqInner .fashionTabPaneContent .fashionfaqBody .commonHeadingOne .commonHeading h5 {
    font-size: var(--fs22);
  }
}
/************ TABLE OF CONTENTS ***************

  01. terms & condition Section css
  02. Responsive css

**********************************************/
.termsSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.termsSection .termsInfoBox {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.termsSection .termsInfoBox .termsInnerBox .commonHeading h5 {
  color: var(--text-black);
  margin-bottom: var(--m30);
}
.termsSection .termsInfoBox .termsInnerBox .paraBox p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  margin-bottom: var(--m30);
}
.termsSection .termsInfoBox .termsInnerBox .paraBox .paraListBox {
  margin-left: var(--m20);
  margin-bottom: var(--m16);
}
.termsSection .termsInfoBox .termsInnerBox .paraBox .paraListBox ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.termsSection .termsInfoBox .termsInnerBox .paraBox .paraListBox ul li {
  list-style: auto;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
.termsSection .termsInnerBox2 {
  border-bottom: 1px solid var(--dark01);
}

@media (max-width: 991px) {
  .termsSection {
    padding: var(--p50) var(--p0);
  }
}
@media (max-width: 500px) {
  .termsSection .termsInfoBox .termsInnerBox .commonHeading h5 {
    font-size: var(--fs20);
    margin-bottom: var(--m20);
  }
}
/************ TABLE OF CONTENTS ***************

  01.  login Register Section css
  02. Responsive css

**********************************************/
.loginRegister {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
  overflow: hidden;
}
.loginRegister .loginRegisterInner .loginRegisterForm .commonHeading {
  margin-bottom: var(--m30);
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox {
  margin-top: var(--m30);
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox .line_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox .line_box::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #e4e4e4;
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox .line_box::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #e4e4e4;
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox .line_box .lineText {
  width: 100%;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--text-black);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.loginRegister .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup .loginIconsBox ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--chocolate);
  border-radius: 50%;
}

form {
  position: relative;
  z-index: 2;
}
form .formGroup {
  margin-bottom: var(--m20);
}
form .formGroup label {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
  margin-bottom: var(--m10);
}
form .formGroup .passwordWrapper {
  position: relative;
}
form .formGroup .passwordWrapper input {
  padding: 18px 50px 18px 30px;
}
form .formGroup .passwordWrapper img {
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 25px;
  cursor: pointer;
}
form .formGroup input,
form .formGroup textarea {
  width: var(--width100);
  height: 60px;
  border: none;
  background-color: var(--sand);
  box-shadow: none;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
form .formGroup input:focus,
form .formGroup textarea:focus {
  border: none;
  background-color: var(--sand);
}
form .dontAccount {
  display: flex;
  align-items: center;
  gap: 10px;
}
form .dontAccount p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
form .dontAccount p a {
  color: var(--chocolate);
}
form .LoginBtn {
  margin-top: var(--m60);
  width: var(--width100);
}
form .LoginBtn .btnOne {
  width: var(--width100);
}
form .switchAccount {
  margin-top: var(--m16);
}
form .switchAccount p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
}
form .switchAccount p a {
  color: var(--chocolate);
}
form .textBox a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--chocolate);
}

@media (max-width: 991px) {
  .loginRegister {
    padding: var(--p50) var(--p0);
  }
  .loginRegister .loginRegisterInner .row {
    row-gap: 50px;
  }
  .loginRegister .loginRegisterInner .loginRegisterContent .loginRegisterImages img {
    width: var(--width100);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Error Section css
  02. Responsive css

**********************************************/
.error404 {
  background-color: #FFF4F8;
  position: relative;
  z-index: 1;
  height: 100vh;
  background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202602/202602061/html/images/error_bg_img.png');
  background-repeat: no-repeat;
}
.error404 svg.toodle404Txt text {
  text-transform: uppercase;
  animation: stroke 5s alternate;
  stroke-width: 2;
  stroke: var(--chocolate);
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: 500px;
  fill: var(--chocolate);
}
@keyframes stroke {
  0% {
    fill: #FFF4F8;
    stroke: var(--chocolate);
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    stroke-width: 2;
  }
  70% {
    fill: rgba(72, 138, 20, 0);
    stroke: var(--chocolate);
  }
  80% {
    fill: rgba(72, 138, 20, 0);
    stroke: var(--chocolate);
    stroke-width: 3;
  }
  100% {
    fill: rgba(72, 138, 20, 0);
    stroke: var(--chocolate);
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
  }
}
.error404 .error404Outer {
  width: var(--width100);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error404 .error404Outer .error404Inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
}
.error404 .error404Outer .error404Inner .error404Svg {
  margin-bottom: 40px;
}
.error404 .error404Outer .error404Inner .error404Content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.error404 .error404Outer .error404Inner .error404Content h2 {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs48);
  line-height: 58px;
  text-align: center;
  color: var(--chocolate);
}
.error404 .error404Outer .error404Inner .error404Content p {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--dark01);
  text-align: center;
}

@media (max-width: 767px) {
  .error404 .error404Outer .error404Inner .error404Content h2 {
    font-size: var(--fs30);
  }
  .error404::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.66);
  }
  .error404 .error404Outer .error404Inner .error404Svg svg {
    width: 300px;
  }
}
@media (max-width: 400px) {
  .error404 .error404Outer .error404Inner .error404Content h2 {
    max-width: 280px;
    margin: 0 auto;
  }
  .error404 .error404Outer .error404Inner .error404Content p {
    max-width: 206px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Commming soon Section css
  02. Responsive css

**********************************************/
.comingSoonSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: #EFDED0;
  overflow: hidden;
}
.comingSoonSection .comingSoonMainBox {
  width: var(--width100);
  height: 100vh;
  position: relative;
  display: flex;
  gap: 10px;
  padding-top: 90px;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent {
  margin-left: 150px;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent h2 {
  font-family: "Kalnia";
  font-weight: var(--fw600);
  font-size: var(--fs48);
  color: var(--chocolate);
  margin-top: var(--m20);
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent p {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  font-size: var(--fs26);
  color: var(--dark01);
  margin-top: var(--m30);
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon {
  margin: 30px 0px 60px 0px;
  position: relative;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul {
  display: flex;
  align-items: center;
  gap: 51px;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs20);
  color: var(--dark01);
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul li span {
  font-family: "Kalnia";
  font-weight: var(--fw500);
  line-height: 80px;
  font-size: 80px;
  color: var(--chocolate);
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo {
  width: 50%;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  position: relative;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
  content: "";
  width: 800px;
  height: 800px;
  position: absolute;
  background-color: var(--chocolate);
  border-radius: 100%;
  bottom: 0;
  right: 0;
}
.comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo img {
  width: 100%;
  max-width: 753px;
  position: relative;
  z-index: 999;
}

@media (max-width: 1799px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent {
    margin-left: 100px;
  }
}
@media (max-width: 1699px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
    width: 750px;
    height: 750px;
  }
}
@media (max-width: 1599px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
    width: 700px;
    height: 700px;
  }
}
@media (max-width: 1399px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
    width: 650px;
    height: 650px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent {
    margin-left: 20px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent h2 {
    font-size: var(--fs36);
  }
}
@media (max-width: 1199px) {
  .comingSoonSection .comingSoonMainBox {
    flex-direction: column;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
    width: 600px;
    height: 600px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne {
    width: 100%;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent {
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo {
    width: 100%;
  }
  .comingSoonSection .comingSoonMainBox {
    height: 100%;
    gap: 50px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox {
    justify-content: center;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo .comingSoonImgBox::after {
    display: none;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent h2 {
    text-align: center;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent p {
    text-align: center;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul {
    gap: 20px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxTwo img {
    max-width: 550px;
  }
}
@media (max-width: 767px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent h2 {
    font-size: var(--fs28);
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent p {
    font-size: var(--fs24);
  }
  .comingSoonSection .comingSoonMainBox {
    padding-top: 50px;
  }
}
@media (max-width: 600px) {
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul li span {
    font-size: 32px;
    line-height: 50px;
  }
  .comingSoonSection .comingSoonMainBox .comingSonnInnerBoxOne .comingSoonContent .comingSoonCountDwon .countdown ul li {
    font-size: var(--fs16);
  }
}
/************ TABLE OF CONTENTS ***************

  01. WishList Section css
  02. Responsive css

**********************************************/
.wishListSection {
  width: var(--width100);
  height: 100%;
  position: relative;
  padding: var(--p100) var(--p0);
}
.wishListSection .wishListMainBox {
  width: var(--width100);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wishListSection .wishListMainBox .wistListIconBox {
  margin-bottom: 30px;
}
.wishListSection .wishListMainBox .wistListIconBox a svg {
  width: 150px;
  height: 150px;
}
.wishListSection .wishListMainBox .wistListIconBox a svg path {
  fill: rgba(227, 45, 45, 0.19);
}
.wishListSection .wishListMainBox h4 {
  font-family: "lato";
  font-size: var(--fs48);
  font-weight: var(--fw600);
  color: var(--chocolate);
  text-align: center;
  margin-bottom: var(--m30);
}
.wishListSection .wishListMainBox p {
  max-width: 550px;
  font-family: "lato";
  font-size: var(--fs18);
  font-weight: var(--fw600);
  color: var(--dark01);
  text-align: center;
  margin-bottom: var(--m30);
}

@media (max-width: 991px) {
  .wishListSection {
    padding: var(--p50) var(--p0);
  }
}
@media (max-width: 600px) {
  .wishListSection .wishListMainBox h4 {
    font-size: var(--fs30);
  }
  .wishListSection .wishListMainBox p {
    font-size: var(--fs16);
  }
}
/************ TABLE OF CONTENTS ***************

  01. Search Section css
  02. Responsive css

**********************************************/
.search-header {
  width: 100%;
  background-color: var(--sand);
  padding: var(--p60) var(--p0);
}
.search-header h2 {
  font-family: "Kalnia";
  font-size: var(--fs30);
  font-weight: var(--fw600);
  color: var(--chocolate);
  margin-bottom: var(--m10);
  text-align: start;
}
.search-header p {
  font-family: "Lato";
  font-size: var(--fs18);
  font-weight: var(--fw400);
  color: var(--chocolate);
  margin-bottom: var(--m20);
}
.search-header .search-bar {
  display: flex;
  max-width: 500px;
}
.search-header .search-bar input {
  width: var(--width100);
  padding: 14px;
  border: none;
  outline: none;
  background: var(--white);
  color: var(--dark01);
}
.search-header .search-bar button {
  padding: 14px 22px;
  border: none;
  background: var(--chocolate);
  color: #fff;
  cursor: pointer;
}

@media (max-width: 600px) {
  .search-header h2 {
    font-size: var(--fs26);
  }
}
/* ....................................
8. footer CSS 
.......................................*/
/************ TABLE OF CONTENTS ***************

  01. foooter-01 Section css
  02. Responsive css

**********************************************/
footer .footerSecWrapper {
  width: 100%;
  height: 100%;
  background-color: var(--chocolate);
  padding: 100px 0px 30px 0px;
}
footer .footerSecWrapper .footerNewsletter {
  width: 100%;
  height: 100%;
  background-color: var(--dark02);
  padding: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footerSecWrapper .footerNewsletter .footerNewslettertextBox {
  width: 50%;
}
footer .footerSecWrapper .footerNewsletter .footerNewslettertextBox .titleBox h2 {
  margin: 0;
}
footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox {
  width: 50%;
}
footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .form-validation {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
}
footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox p {
  color: red;
}
footer .footerSecWrapper .middleFooter {
  padding-bottom: 47px;
  margin-top: 50px;
}
footer .footerSecWrapper .middleFooter .info_box {
  position: relative;
}
footer .footerSecWrapper .middleFooter .info_box .logo_box {
  width: 100%;
}
footer .footerSecWrapper .middleFooter .info_box .white_title {
  font-family: "lato";
  font-weight: 500;
  font-size: 22px;
  color: white;
  margin-bottom: 23px;
}
footer .footerSecWrapper .middleFooter .info_box p {
  max-width: 317px;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--white);
  margin-top: 21px;
}
footer .footerSecWrapper .middleFooter .info_box p a {
  color: var(--white);
  font-weight: var(--fw700);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon {
  margin-top: 40px;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon ul {
  display: flex;
  gap: 20px;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon ul li {
  transition: all 0.5s;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon ul li a {
  transition: all 0.5s;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon ul li a svg {
  transition: all 0.5s;
}
footer .footerSecWrapper .middleFooter .info_box .footerSocialIcon ul li a:hover svg path {
  fill: var(--dark03);
}
footer .footerSecWrapper .middleFooter .info_box .info_ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .footerSecWrapper .middleFooter .info_box .info_ul li a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: white;
  transition: 0.5s;
}
footer .footerSecWrapper .middleFooter .info_box .info_ul li a i {
  font-size: 8px;
}
footer .footerSecWrapper .middleFooter .info_box .info_ul li:hover a {
  color: var(--dark03);
}
footer .footerSecWrapper .middleFooter .info2_box {
  position: relative;
}
footer .footerSecWrapper .middleFooter .info2_box .info_ul {
  margin-top: 20px;
}
footer .footerSecWrapper .middleFooter .info2_box .info_ul li {
  display: flex;
  gap: 21px;
  align-items: center;
}
footer .footerSecWrapper .middleFooter .info2_box .info_ul li .svgIcon a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
}
footer .footerSecWrapper .bottomFooter {
  width: 100%;
}
footer .footerSecWrapper .bottomFooter .footerInnerBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footerSecWrapper .bottomFooter .footerInnerBox p {
  font-size: var(--fs16);
  font-weight: var(--fw400);
  color: var(--white);
}
footer .footerSecWrapper .bottomFooter .footerInnerBox p a {
  font-weight: var(--fw700);
  color: var(--white);
}
footer .footerSecWrapper2 {
  background-color: #333333;
  padding: 60px 0px;
}
footer .footerSecWrapper2 .middleFooter {
  margin-top: 0;
}

#subscribeForm {
  width: 100%;
}
#subscribeForm .input-group {
  width: 100%;
  display: flex;
  gap: 10px;
}
#subscribeForm .input-group input {
  border: 1px solid var(--white);
  padding: 12px 0px 12px 20px;
  outline: none;
  background-color: var(--white);
  font-family: "lato";
  font-size: 18px;
  font-weight: 400;
  color: var(--text-black);
  border-radius: 0 !important;
  box-shadow: none;
}
#subscribeForm .input-group input::placeholder {
  color: var(--text-black);
}
#subscribeForm .error-message {
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

@media (max-width: 1299px) {
  footer .footerSecWrapper .footerNewsletter .footerNewslettertextBox h3 a {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  footer .footerSecWrapper .footerNewsletter {
    flex-wrap: wrap;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewslettertextBox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox {
    width: 100%;
  }
  footer .footerSecWrapper .middleFooter .info_box {
    position: relative;
    margin-top: 50px;
  }
  footer .footerSecWrapper .middleFooter {
    margin-top: 0px;
  }
  footer .footerSecWrapper {
    padding: 50px 0px 30px 0px;
  }
  footer .footerSecWrapper2 {
    padding: 0px 0px 30px 0px;
  }
}
@media (max-width: 991px) {
  footer .footerSecWrapper .bottomFooter .footerInnerBox {
    flex-direction: column;
    gap: 10px;
  }
  footer .footerSecWrapper .bottomFooter .footerInnerBox p {
    text-align: center;
  }
}
@media (max-width: 600px) {
  footer .footerSecWrapper .footerNewsletter {
    padding: 20px;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewslettertextBox .titleBox h2 {
    margin-bottom: 0;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox {
    flex-wrap: wrap;
    gap: 30px;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .footerNewsletterbtn {
    width: 100%;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .footerNewsletterbtn a {
    width: 100%;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .form-validation form .input-group {
    flex-direction: column;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .form-validation form .input-group input {
    width: 100%;
  }
  footer .footerSecWrapper .footerNewsletter .footerNewsletterFormBox .form-validation form .input-group .btnOne {
    width: 100%;
  }
}
@media (max-width: 500px) {
  footer .footerSecWrapper .bottomFooter .footerInnerBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. Footer-02 Section css
  02. Responsive css

**********************************************/
footer .footerSecWrapperTwo {
  width: 100%;
  height: 100%;
  background-color: #333333;
  padding: 100px 0px 50px 0px;
}
footer .footerSecWrapperTwo .footerNewsletter {
  width: 100%;
  height: 100%;
  background-color: var(--dark02);
  padding: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewslettertextBox {
  width: 50%;
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewslettertextBox .titleBox h2 {
  margin: 0;
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox form {
  width: 100%;
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox form input {
  border: 1px solid var(--white);
  padding: 12px 0px 12px 20px;
  width: 100%;
  outline: none;
  background-color: var(--white);
  font-family: "lato";
  font-size: 18px;
  font-weight: 400;
  color: var(--text-black);
}
footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox form input::placeholder {
  color: var(--text-black);
}
footer .footerSecWrapperTwo .middleFooter {
  padding-bottom: 47px;
}
footer .footerSecWrapperTwo .middleFooter .info_box {
  position: relative;
}
footer .footerSecWrapperTwo .middleFooter .info_box .logo_box {
  width: 100%;
}
footer .footerSecWrapperTwo .middleFooter .info_box .white_title {
  font-family: "lato";
  font-weight: 500;
  font-size: 22px;
  color: white;
  margin-bottom: 23px;
}
footer .footerSecWrapperTwo .middleFooter .info_box p {
  max-width: 317px;
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--white);
  margin-top: 21px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon {
  margin-top: 40px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon ul {
  display: flex;
  gap: 20px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon ul li {
  transition: all 0.5s;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon ul li a {
  transition: all 0.5s;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon ul li a svg {
  transition: all 0.5s;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerSocialIcon ul li a:hover svg path {
  fill: var(--dark03);
}
footer .footerSecWrapperTwo .middleFooter .info_box .info_ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .info_ul li a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: white;
  transition: 0.5s;
}
footer .footerSecWrapperTwo .middleFooter .info_box .info_ul li a i {
  font-size: 8px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .info_ul li:hover a {
  color: var(--dark03);
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerNewletterSec {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerNewletterSec #subscribeForm .footerSubscribe {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerNewletterSec #subscribeForm .footerSubscribe input {
  width: 100%;
}
footer .footerSecWrapperTwo .middleFooter .info_box .footerNewletterSec #subscribeForm .footerSubscribe .btnOne {
  width: 100%;
}
footer .footerSecWrapperTwo .middleFooter .info2_box {
  position: relative;
}
footer .footerSecWrapperTwo .middleFooter .info2_box .info_ul {
  margin-top: 20px;
}
footer .footerSecWrapperTwo .middleFooter .info2_box .info_ul li {
  display: flex;
  gap: 21px;
  align-items: center;
}
footer .footerSecWrapperTwo .middleFooter .info2_box .info_ul li .svgIcon a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
}
footer .footerSecWrapperTwo .bottomFooter {
  width: 100%;
  border-top: 1px solid #FFFFFF;
  padding-top: 30px;
}
footer .footerSecWrapperTwo .bottomFooter .footerInnerBox {
  width: 100%;
}
footer .footerSecWrapperTwo .bottomFooter .footerInnerBox p {
  font-size: var(--fs16);
  font-weight: var(--fw400);
  color: var(--white);
}
footer .footerSecWrapperTwo .bottomFooter .footerInnerBox p a {
  font-weight: var(--fw700);
  color: var(--white);
}

@media (max-width: 1299px) {
  footer .footerSecWrapperTwo .footerNewsletter .footerNewslettertextBox h3 a {
    font-size: 30px;
  }
  footer .footerSecWrapperTwo {
    padding: 0px 0px 50px 0px;
  }
}
@media (max-width: 1199px) {
  footer .footerSecWrapperTwo .footerNewsletter {
    flex-wrap: wrap;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewslettertextBox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox {
    width: 100%;
  }
  footer .footerSecWrapperTwo .middleFooter .info_box {
    position: relative;
    margin-top: 50px;
  }
  footer .footerSecWrapperTwo .bottomFooter .footerInnerBox p {
    text-align: center;
  }
}
@media (max-width: 600px) {
  footer .footerSecWrapperTwo .footerNewsletter {
    padding: 20px;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewslettertextBox .titleBox h2 {
    margin-bottom: 0;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox {
    flex-wrap: wrap;
    gap: 30px;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox .footerNewsletterbtn {
    width: 100%;
  }
  footer .footerSecWrapperTwo .footerNewsletter .footerNewsletterFormBox .footerNewsletterbtn a {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .footerTwo .footerSecWrapperTwo .bottomFooter .footerInnerBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
  }
}
/************ TABLE OF CONTENTS ***************

  01. foooter-04 Section css
  02. Responsive css

**********************************************/
.footerFour {
  width: var(--width100);
  height: 100%;
  position: relative;
  background-color: #333333;
  padding: var(--p50) var(--p0) var(--p100) var(--p0);
}
.footerFour .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.footerFour .footer-top .logo {
  position: relative;
}
.footerFour .footer-top .footer-nav {
  position: relative;
}
.footerFour .footer-top .footer-nav ul {
  display: flex;
  gap: 50px;
}
.footerFour .footer-top .footer-nav ul li a {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--white);
  transition: all 0.5s;
}
.footerFour .footer-top .footer-nav ul li a:hover {
  color: var(--chocolate);
}
.footerFour .footer-top .social-icons {
  position: relative;
}
.footerFour .footer-top .social-icons ul {
  display: flex;
  gap: 20px;
}
.footerFour .footer-top .social-icons ul li a {
  transition: all 0.5s;
}
.footerFour .footer-top .social-icons ul li a svg {
  transition: all 0.5s;
}
.footerFour .footer-top .social-icons ul li a svg path {
  transition: all 0.5s;
}
.footerFour .footer-top .social-icons ul li a:hover svg path {
  fill: var(--chocolate);
}
.footerFour hr {
  border: none;
  height: 1px;
  background: var(--white);
  width: 100%;
  margin: 50px 0px;
}
.footerFour .footer-subscribe .subscribe-wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.footerFour .footer-subscribe .subscribe-wrapper #subscribeForm {
  width: var(--width100);
}
.footerFour .footer-subscribe .subscribe-wrapper #subscribeForm .input-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerFour .footer-subscribe .subscribe-wrapper #subscribeForm .input-group input {
  max-width: 450px;
}
.footerFour .footer-subscribe .subscribe-wrapper #subscribeForm .error-message {
  display: flex;
  justify-content: center;
}
.footerFour .footer-subscribe .footer-copy {
  font-family: "lato";
  font-weight: var(--fw400);
  font-size: var(--fs16);
  color: var(--white);
  text-align: center;
  margin-top: 50px;
}
.footerFour .footer-subscribe .footer-copy span {
  color: white;
  font-weight: var(--fw700);
}
.footerFour .footer-subscribe #message {
  color: var(--white);
}

@media (max-width: 1199px) {
  .footerFour .footer-top .footer-nav ul {
    display: flex;
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .footerFour .footer-top {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .footerFour .footer-top .footer-nav ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}/*# sourceMappingURL=style.css.map */