/* [Master Stylesheet v-1.0.0] — iconic aurora refresh (selectors, ids and markup unchanged) */
/* :: 1.0 Import Web Fonts */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@300;400;500;600;700&display=swap");
/* :: 2.0 Import All CSS */
@import url(../css/bootstrap.min.css);
@import url(../css/classy-nav.min.css);
@import url(../css/owl.carousel.css);
@import url(../css/animate.css);
@import url(../css/magnific-popup.css);
@import url(../css/jquery-ui.min.css);
@import url(../css/nice-select.css);
@import url(../css/font-awesome.min.css);

/* :: 2.5 Design tokens */
:root {
  --ink: #0f0c24;
  --ink-soft: #3a3656;
  --muted: #6b6884;
  --bone: #fbf9ff;
  --mist: #efeafb;
  --line: #e7e1f5;
  --violet: #6d4cff;
  --violet-deep: #4f31e0;
  --fuchsia: #c447ff;
  --rose: #ff3d81;
  --coral: #ff7a45;
  --mint: #22d3a0;
  --mint-deep: #12b886;
  --gold: #f6c453;
  --danger: #ef3b55;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 12px -2px rgba(15, 12, 36, 0.12);
  --shadow-md: 0 18px 40px -16px rgba(15, 12, 36, 0.3);
  --shadow-lg: 0 36px 70px -24px rgba(79, 49, 224, 0.45);
  --glow: 0 16px 40px -12px rgba(196, 71, 255, 0.6);
  --grad: linear-gradient(115deg, #6d4cff 0%, #c447ff 52%, #ff3d81 100%);
  --grad-cool: linear-gradient(115deg, #6d4cff 0%, #22d3a0 100%);
  --ease: cubic-bezier(0.22, 0.8, 0.28, 1);
  --font-display: "Fraunces", Cambria, Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* :: 3.0 Common/Base CSS */
* { margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--ink-soft);
  background-color: var(--bone);
  margin-top: 85px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
@media only screen and (max-width: 767px) {
  body { margin-top: 80px; } }

::selection { background: var(--violet); color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: var(--ink);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.015em;
  font-family: var(--font-display); }

p {
  color: var(--muted);
  font-size: 14px;
  line-height: 2;
  font-weight: 400; }

a {
  -webkit-transition: all 400ms var(--ease) 0s;
  transition: all 400ms var(--ease) 0s;
  text-decoration: none;
  outline: 0 solid transparent;
  color: var(--ink);
  font-weight: 600;
  font-size: 12px; }
a:hover, a:focus {
  -webkit-transition: all 400ms var(--ease) 0s;
  transition: all 400ms var(--ease) 0s;
  text-decoration: none;
  outline: 0 solid transparent;
  color: var(--violet);
  font-weight: 600;
  font-size: 12px; }
a:focus-visible, button:focus-visible {
  outline: 3px solid rgba(109, 76, 255, 0.5);
  outline-offset: 2px; }

ul, ol { margin: 0; }
ul li, ol li { list-style: none; }

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

/* Spacing */
.mt-15 { margin-top: 15px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-100 { margin-bottom: 100px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-50 { margin-left: 50px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-50 { margin-right: 50px !important; }

/* Height */
.height-400 { height: 400px !important; }
.height-500 { height: 500px !important; }
.height-600 { height: 600px !important; }
.height-700 { height: 700px !important; }
.height-800 { height: 800px !important; }

/* Section Padding */
.section-padding-80 { padding-top: 80px; padding-bottom: 80px; }
.section-padding-80-0 { padding-top: 80px; padding-bottom: 0; }
.section-padding-0-80 { padding-top: 0; padding-bottom: 80px; }

/* Section Heading */
.section-heading { margin-bottom: 50px; position: relative; z-index: 1; }
.section-heading h2 {
  font-size: 30px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 600; }
.section-heading.text-left { text-align: left !important; }

/* Miscellaneous */
.bg-img { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.bg-white { background-color: #ffffff !important; }
.bg-dark { background-color: var(--ink) !important; }
.bg-transparent { background-color: transparent !important; }
.font-bold { font-weight: 700; }
.font-light { font-weight: 300; }

.bg-overlay, .bg-overlay-white {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover; }
.bg-overlay:hover, .bg-overlay-white:hover {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ""; }
.bg-overlay:hover { background-color: rgba(22, 19, 43, 0.55); }
.bg-overlay-white:hover { background-color: rgba(250, 248, 245, 0.92); }

/* ScrollUp */
#scrollUp {
  background: var(--grad);
  border-radius: 14px;
  bottom: 60px;
  box-shadow: 0 12px 24px -10px rgba(109, 76, 255, 0.6);
  color: #ffffff;
  font-size: 24px;
  height: 44px;
  line-height: 44px;
  right: 60px;
  text-align: center;
  width: 44px;
  transition: transform 300ms var(--ease), box-shadow 300ms var(--ease); }
#scrollUp:hover { transform: translateY(-3px); box-shadow: 0 18px 30px -12px rgba(25, 194, 138, 0.6); }
@media only screen and (max-width: 767px) {
  #scrollUp { bottom: 30px; right: 30px; } }

/* Essence Button */
.essence-btn {
  display: inline-block;
  min-width: 170px;
  height: 50px;
  color: #ffffff;
  border: none;
  border-radius: var(--radius-pill);
  padding: 0 40px;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 50px;
  background-color: var(--ink);
  background-image: var(--grad);
  background-size: 200% 100%;
  background-position: 0% 50%;
  letter-spacing: 1.5px;
  font-weight: 700;
  box-shadow: 0 12px 24px -12px rgba(109, 76, 255, 0.6);
  transition: background-position 500ms var(--ease), transform 300ms var(--ease), box-shadow 300ms var(--ease); }
.essence-btn:hover, .essence-btn:focus {
  color: #ffffff;
  background-color: var(--ink);
  background-position: 100% 50%;
  transform: translateY(-2px);
  box-shadow: 0 18px 30px -12px rgba(25, 194, 138, 0.55); }

/* :: 4.0 Header Area CSS */
.header_area {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(250, 248, 245, 0.88);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--line);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
@media only screen and (max-width: 767px) {
  .header_area .classy-nav-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media only screen and (max-width: 767px) {
  .header_area .classy-nav-container .classy-navbar-toggler { margin-left: auto; margin-right: 15px; } }
.header_area .classy-navbar,
.header_area .header-meta {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  min-width: 50%;
  width: 50%; }
@media only screen and (max-width: 767px) {
  .header_area .classy-navbar,
  .header_area .header-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%;
    width: 100%; } }
.header_area .classy-navbar { height: 85px; padding: 5px 0 5px 5%; }
@media only screen and (max-width: 767px) {
  .header_area .classy-navbar { height: 40px; border-bottom: 1px solid var(--line); } }
.header_area .header-meta { height: 85px; position: relative; z-index: 1; }
@media only screen and (max-width: 767px) {
  .header_area .header-meta { height: 40px; } }
.header_area .classynav ul li a { font-size: 16px; color: var(--muted); font-weight: 500; }
.header_area .classynav ul li a:hover { color: var(--violet); }
.header_area .classynav ul li .megamenu li a,
.header_area .classynav ul li .dropdown li a { font-size: 14px; color: var(--muted); }
.header_area .classynav ul li .megamenu li a:hover,
.header_area .classynav ul li .dropdown li a:hover { color: var(--violet); }
.header_area .search-area form {
  position: relative;
  z-index: 1;
  height: 85px;
  border-left: 1px solid var(--line); }
@media only screen and (max-width: 767px) {
  .header_area .search-area form { height: 40px; border-left: none; } }
.header_area .search-area form input {
  border: none;
  background-color: transparent;
  width: 200px;
  height: 85px;
  padding: 0 15px 0 60px;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
@media only screen and (max-width: 767px) {
  .header_area .search-area form input { width: 170px; height: 40px; padding: 0 10px 0 30px; } }
.header_area .search-area form input:focus { outline: none !important; width: 350px; background-color: rgba(109, 76, 255, 0.05); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_area .search-area form input:focus { width: 300px; } }
@media only screen and (max-width: 767px) {
  .header_area .search-area form input:focus { width: 170px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header_area .search-area form input:focus { width: 270px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header_area .search-area form input:focus { width: 300px; } }
.header_area .search-area form button {
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  background-color: transparent;
  border: none;
  color: var(--muted);
  font-size: 14px;
  transition: color 250ms var(--ease); }
.header_area .search-area form button:hover { color: var(--violet); }
@media only screen and (max-width: 767px) {
  .header_area .search-area form button { left: 10px; height: 40px; } }
.header_area .favourite-area a,
.header_area .user-login-info a,
.header_area .cart-area a {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  width: 90px;
  display: block;
  text-align: center;
  border-left: 1px solid var(--line);
  height: 100%;
  line-height: 80px; }
.header_area .favourite-area a:hover,
.header_area .user-login-info a:hover,
.header_area .cart-area a:hover { background-color: rgba(109, 76, 255, 0.06); }
@media only screen and (max-width: 767px) {
  .header_area .favourite-area a,
  .header_area .user-login-info a,
  .header_area .cart-area a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    line-height: 40px; } }
.header_area .favourite-area a img,
.header_area .user-login-info a img,
.header_area .cart-area a img { max-width: 20px; }
.header_area .favourite-area a span,
.header_area .user-login-info a span,
.header_area .cart-area a span {
  font-family: var(--font-body);
  font-size: 18px;
  color: var(--violet);
  font-weight: 700;
  position: absolute;
  top: -10px; }
@media only screen and (max-width: 767px) {
  .header_area .favourite-area a span,
  .header_area .user-login-info a span,
  .header_area .cart-area a span { font-size: 14px; } }
.header_area.sticky {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 10px 30px -12px rgba(22, 19, 43, 0.25); }

.cart-bg-overlay.cart-bg-overlay-on {
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(22, 19, 43, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 1050; }

/* Cart Area CSS */
.right-side-cart-area {
  position: fixed;
  width: 670px;
  height: 100%;
  top: 0;
  right: -800px;
  background-color: var(--bone);
  z-index: 1100;
  box-shadow: -20px 0 60px -20px rgba(22, 19, 43, 0.3);
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  transition-timing-function: var(--ease); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .right-side-cart-area { width: 500px; right: -600px; } }
@media only screen and (max-width: 767px) {
  .right-side-cart-area { width: 270px; right: -400px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .right-side-cart-area { width: 400px; right: -550px; } }
.right-side-cart-area.cart-on { right: 0; }
.right-side-cart-area .cart-button a {
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 100;
  width: 90px;
  display: block;
  text-align: center;
  border-left: 1px solid var(--line);
  height: 85px;
  line-height: 80px;
  background-color: var(--mist);
  border-bottom-left-radius: var(--radius-md); }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-button a { width: 50px; height: 50px; line-height: 50px; } }
.right-side-cart-area .cart-button a img { max-width: 20px; }
.right-side-cart-area .cart-button a span {
  font-family: var(--font-body);
  font-size: 18px;
  color: var(--violet);
  font-weight: 700;
  position: absolute;
  top: -10px; }
.right-side-cart-area .cart-content {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%; }
.right-side-cart-area .cart-content .cart-list {
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 190px;
  flex: 0 0 190px;
  width: 190px; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px; } }
.right-side-cart-area .cart-content .cart-list .single-cart-item {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image { position: relative; z-index: 1; display: block; }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(22, 19, 43, 0.55), rgba(22, 19, 43, 0.8));
  padding: 50px 15px 15px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc { padding: 5px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc { padding: 30px 20px; } }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .product-remove {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #ffffff;
  font-size: 12px;
  padding: 5px; }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .product-remove:hover { color: var(--rose); }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .product-remove { top: 5px; right: 5px; } }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .badge {
  display: block;
  font-weight: 600;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  margin-bottom: 5px;
  text-align: left;
  padding: 0; }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc h6 {
  font-size: 12px;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc h6 { margin-bottom: 10px; } }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .size,
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .color {
  display: block;
  font-weight: 600;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 1; }
.right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .price {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 30px;
  color: #ffffff; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-list .single-cart-item .product-image .cart-item-desc .price { margin-top: 10px; font-size: 12px; } }
.right-side-cart-area .cart-content .cart-list .single-cart-item:hover .product-image .cart-item-desc {
  background: linear-gradient(180deg, rgba(109, 76, 255, 0.55), rgba(22, 19, 43, 0.88)); }
.right-side-cart-area .cart-content .cart-amount-summary {
  padding: 100px 10%;
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 190px);
  flex: 0 0 calc(100% - 190px);
  width: calc(100% - 190px); }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
    width: calc(100% - 100px);
    padding: 50px 15px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px);
    width: calc(100% - 150px);
    padding: 50px 30px; } }
.right-side-cart-area .cart-content .cart-amount-summary h2 { font-size: 30px; margin-bottom: 100px; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary h2 { font-size: 24px; margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary h2 { font-size: 30px; margin-bottom: 50px; } }
.right-side-cart-area .cart-content .cart-amount-summary .summary-table li {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--line);
  color: var(--ink);
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary .summary-table li { font-size: 12px; margin-bottom: 10px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary .summary-table li { font-size: 14px; margin-bottom: 15px; } }
.right-side-cart-area .cart-content .cart-amount-summary .summary-table li span:last-child { font-weight: 700; font-family: var(--font-body); }
@media only screen and (max-width: 767px) {
  .right-side-cart-area .cart-content .cart-amount-summary .essence-btn { min-width: 140px; width: 140px; padding: 0 15px; } }

/* :: 5.0 Welcome Area CSS */
.welcome_area { position: relative; z-index: 1; width: 100%; height: 600px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome_area { height: 450px; } }
@media only screen and (max-width: 767px) {
  .welcome_area { height: 350px; } }
.welcome_area .hero-content h6 { font-size: 18px; color: var(--violet); font-family: var(--font-body); font-weight: 600; margin-bottom: 10px; }
.welcome_area .hero-content h2 { font-size: 60px; color: var(--ink); letter-spacing: -0.03em; margin-bottom: 50px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .welcome_area .hero-content h2 { font-size: 48px; } }
@media only screen and (max-width: 767px) {
  .welcome_area .hero-content h2 { font-size: 30px; } }

/* :: 6.0 Top Catagory Area CSS */
.single_catagory_area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 240px;
  border-radius: var(--radius-md);
  overflow: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_catagory_area { height: 180px; } }
@media only screen and (max-width: 767px) {
  .single_catagory_area { height: 180px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single_catagory_area { margin-bottom: 30px; } }
.single_catagory_area:after {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, rgba(250, 248, 245, 0.65), rgba(236, 232, 244, 0.45));
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10; }
.single_catagory_area .catagory-content a {
  display: block;
  font-size: 30px;
  font-weight: 700;
  font-family: var(--font-display);
  color: var(--ink);
  letter-spacing: 1px;
  text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_catagory_area .catagory-content a { font-size: 20px; } }
@media only screen and (max-width: 767px) {
  .single_catagory_area .catagory-content a { font-size: 18px; } }
.single_catagory_area:hover .catagory-content a { color: var(--violet); }

/* :: 7.0 CTA Area CSS */
.cta-area { position: relative; z-index: 1; }
.cta-area .cta-content { width: 100%; height: 550px; }
@media only screen and (max-width: 767px) {
  .cta-area .cta-content { height: 400px; } }
.cta-area .cta-content h6 { font-size: 24px; color: var(--rose); font-family: var(--font-body); font-weight: 700; margin-bottom: 10px; }
.cta-area .cta-content h2 { font-size: 60px; color: var(--ink); letter-spacing: -0.03em; margin-bottom: 50px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content h2 { font-size: 48px; } }
@media only screen and (max-width: 767px) {
  .cta-area .cta-content h2 { font-size: 30px; } }
.cta-area .cta-content .cta--text { padding-right: 150px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content .cta--text { padding-right: 50px; } }
@media only screen and (max-width: 767px) {
  .cta-area .cta-content .cta--text { padding-right: 0; } }

/* :: 8.0 Popular Products Area CSS */
.single-product-wrapper {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: transform 400ms var(--ease), box-shadow 400ms var(--ease); }
.single-product-wrapper:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.single-product-wrapper .product-img { position: relative; z-index: 1; overflow: hidden; }
.single-product-wrapper .product-img img { width: 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.single-product-wrapper .product-img .hover-img {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden; }
.single-product-wrapper .product-img .product-badge {
  height: 26px;
  background-color: var(--ink);
  color: #ffffff;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 12px;
  padding: 0 12px;
  display: inline-block;
  line-height: 26px;
  border-radius: var(--radius-pill);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10; }
.single-product-wrapper .product-img .product-badge.offer-badge { background-color: var(--rose); }
.single-product-wrapper .product-img .product-badge.new-badge { background: var(--grad); }
.single-product-wrapper .product-img .product-favourite a {
  position: absolute;
  height: 28px;
  width: 48px;
  font-size: 14px;
  color: #bdbad0;
  top: 20px;
  right: 20px;
  z-index: 10;
  line-height: 28px;
  background-color: #ffffff;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  text-align: center;
  opacity: 0;
  visibility: hidden; }
.single-product-wrapper .product-img .product-favourite a.active { opacity: 1; visibility: visible; }
.single-product-wrapper .product-description { position: relative; z-index: 1; padding: 25px 20px 22px; }
.single-product-wrapper .product-description span {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 15px;
  letter-spacing: 0.75px;
  font-weight: 600; }
.single-product-wrapper .product-description h6 { color: var(--ink); margin-bottom: 5px; }
.single-product-wrapper .product-description p {
  margin-bottom: 0;
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 700;
  color: var(--ink); }
.single-product-wrapper .product-description p span {
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 700;
  color: #aaa8bd;
  margin-right: 10px;
  text-decoration: line-through; }
.single-product-wrapper .product-description .hover-content {
  position: absolute;
  width: calc(100% - 40px);
  top: -70px;
  left: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
.single-product-wrapper .product-description .hover-content .essence-btn { width: 100%; }
.single-product-wrapper .favme { cursor: pointer; color: #bdbad0; }
.single-product-wrapper .favme.active { color: var(--rose) !important; }
.single-product-wrapper .favme.is_animating { animation: favme-anime .5s; }
.single-product-wrapper:hover .product-img .hover-img { opacity: 1; visibility: visible; }
.single-product-wrapper:hover .product-img .product-favourite a { opacity: 1; visibility: visible; }
.single-product-wrapper:hover .hover-content { opacity: 1; visibility: visible; }

@keyframes favme-anime {
  0% { opacity: 1; font-size: 14px; -webkit-text-stroke-color: transparent; }
  25% { opacity: .6; color: #ffffff; font-size: 15px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ff3d81; }
  75% { opacity: .6; color: #ffffff; font-size: 15px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ff3d81; }
  100% { opacity: 1; font-size: 14px; -webkit-text-stroke-color: transparent; } }

.pagination { position: relative; z-index: 1; }
.pagination .page-item .page-link {
  width: 40px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 38px;
  padding: 0;
  text-align: center;
  color: var(--muted);
  transition: all 300ms var(--ease); }
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
  color: var(--violet);
  border-color: var(--violet);
  box-shadow: none; }
.pagination .page-item.active .page-link { background: var(--grad); border-color: transparent; color: #ffffff; }
.pagination .page-item:first-child { margin-right: 15px; }
.pagination .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.pagination .page-item:last-child { margin-left: 15px; }
.pagination .page-item:last-child .page-link { margin-left: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }

/* :: 9.0 Brands Area CSS */
.brands-area { position: relative; z-index: 1; background-color: var(--mist); padding: 100px 5%; }
@media only screen and (max-width: 767px) {
  .brands-area { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 100px 5% 70px; } }
@media only screen and (max-width: 767px) {
  .brands-area .single-brands-logo { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } }
.brands-area .single-brands-logo img { max-width: 120px; filter: grayscale(1); opacity: 0.65; transition: all 400ms var(--ease); }
.brands-area .single-brands-logo img:hover { filter: none; opacity: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brands-area .single-brands-logo img { max-width: 90px; } }
@media only screen and (max-width: 767px) {
  .brands-area .single-brands-logo img { max-width: 80px; margin-bottom: 30px; } }

/* :: 10.0 Single Product Details Area CSS */
.single_product_details_area { position: relative; z-index: 100; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.single_product_details_area .single_product_thumb,
.single_product_details_area .single_product_desc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  position: relative;
  z-index: 1; }
@media only screen and (max-width: 767px) {
  .single_product_details_area .single_product_thumb,
  .single_product_details_area .single_product_desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; } }
.single_product_details_area .product_thumbnail_slides { position: relative; z-index: 1; }
.single_product_details_area .product_thumbnail_slides .owl-prev,
.single_product_details_area .product_thumbnail_slides .owl-next {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  top: 50%;
  z-index: 20;
  left: 30px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: var(--shadow-sm);
  opacity: 0.55; }
.single_product_details_area .product_thumbnail_slides .owl-prev:hover,
.single_product_details_area .product_thumbnail_slides .owl-next:hover { opacity: 1; }
.single_product_details_area .product_thumbnail_slides .owl-next { left: auto; right: 30px; }
.single_product_details_area .single_product_desc { position: relative; z-index: 1; padding: 50px 5%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_product_details_area .single_product_desc { padding: 30px 4%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_details_area .single_product_desc { padding: 30px 3%; } }
.single_product_details_area .single_product_desc span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 10px;
  display: block; }
.single_product_details_area .single_product_desc a > h2 { font-size: 30px; display: block; margin-bottom: 10px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_product_details_area .single_product_desc a > h2 { font-size: 24px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_details_area .single_product_desc a > h2 { font-size: 20px; } }
.single_product_details_area .single_product_desc .product-price {
  margin-bottom: 0;
  font-family: var(--font-body);
  font-size: 24px;
  color: var(--rose);
  font-weight: 700; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_details_area .single_product_desc .product-price { font-size: 20px; } }
.single_product_details_area .single_product_desc .product-price span {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 24px;
  color: var(--muted);
  font-weight: 700;
  text-decoration: line-through;
  margin-right: 15px; }
.single_product_details_area .single_product_desc .product-desc { font-size: 16px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_product_details_area .single_product_desc .product-desc { font-size: 14px; } }
.single_product_details_area .single_product_desc .nice-select {
  position: relative;
  z-index: 100;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  height: 60px;
  line-height: 60px;
  margin: 0;
  text-transform: uppercase;
  width: 220px; }
.single_product_details_area .single_product_desc .nice-select:hover,
.single_product_details_area .single_product_desc .nice-select.open { border-color: var(--violet); }
.single_product_details_area .single_product_desc .nice-select .current { line-height: 60px; }
.single_product_details_area .single_product_desc .nice-select .list {
  background-color: #ffffff;
  border-radius: var(--radius-sm);
  border: none;
  box-shadow: var(--shadow-md);
  width: 100%; }
.single_product_details_area .single_product_desc .nice-select .list .option.selected { color: var(--violet); }
.single_product_details_area .single_product_desc .cart-fav-box .favme { cursor: pointer; color: #bdbad0; font-size: 24px; }
.single_product_details_area .single_product_desc .cart-fav-box .favme.active { color: var(--rose) !important; }

/* :: 11.0 Footer Area CSS */
.footer_area { position: relative; z-index: 1; background-color: var(--ink); padding: 70px 0 60px; }
.footer_area .single_widget_area .footer_menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer_area .single_widget_area .footer_menu ul li a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.65);
  display: block;
  font-weight: 400;
  font-family: var(--font-body);
  padding: 0 10px;
  text-transform: capitalize; }
.footer_area .single_widget_area .footer_menu ul li a:hover,
.footer_area .single_widget_area .footer_menu ul li a:focus { color: var(--mint); }
.footer_area .single_widget_area .footer_widget_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer_area .single_widget_area .footer_widget_menu li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
.footer_area .single_widget_area .footer_widget_menu li a {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  font-weight: 400;
  margin-bottom: 10px; }
.footer_area .single_widget_area .footer_widget_menu li a:hover,
.footer_area .single_widget_area .footer_widget_menu li a:focus { color: var(--mint); }
.footer_area .single_widget_area .footer_heading h6 {
  color: #ffffff;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0; }
.footer_area .single_widget_area .subscribtion_form form { position: relative; z-index: 1; width: 270px; }
@media only screen and (max-width: 767px) {
  .footer_area .single_widget_area .subscribtion_form form { margin-bottom: 50px; } }
.footer_area .single_widget_area .subscribtion_form form input {
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  height: 35px;
  background-color: transparent;
  transition: border-color 300ms var(--ease); }
.footer_area .single_widget_area .subscribtion_form form input:focus { border-bottom-color: var(--mint); color: #ffffff; outline: none; }
.footer_area .single_widget_area .subscribtion_form form button {
  width: 30px;
  height: 35px;
  border: none;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.65);
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 10; }
.footer_area .single_widget_area .subscribtion_form form button:hover { color: var(--mint); }
.footer_area .single_widget_area .footer_social_area a {
  color: #ffffff;
  display: inline-block;
  padding: 0 10px;
  font-size: 16px; }
.footer_area .single_widget_area .footer_social_area a:hover { color: var(--mint); transform: translateY(-3px); }

/* :: 12.0 Breadcumb Area CSS */
.breadcumb_area { position: relative; z-index: 1; width: 100%; height: 140px; }
.breadcumb_area:after {
  background: linear-gradient(160deg, rgba(250, 248, 245, 0.94), rgba(236, 232, 244, 0.88));
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -5;
  content: ''; }
.breadcumb_area .page-title h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-display);
  letter-spacing: 1px;
  margin-bottom: 0; }
.breadcumb_area.breadcumb-style-two { width: 100%; height: 390px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcumb_area.breadcumb-style-two { height: 300px; } }
@media only screen and (max-width: 767px) {
  .breadcumb_area.breadcumb-style-two { height: 250px; } }
.breadcumb_area.breadcumb-style-two .page-title h2 {
  font-size: 72px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--font-display);
  letter-spacing: 1px;
  margin-bottom: 0;
  color: var(--violet); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcumb_area.breadcumb-style-two .page-title h2 { font-size: 48px; } }
@media only screen and (max-width: 767px) {
  .breadcumb_area.breadcumb-style-two .page-title h2 { font-size: 30px; } }

/* :: 13.0 Product Sidebar Area CSS */
.widget { position: relative; z-index: 1; }
.widget .widget-title { font-size: 18px; text-transform: capitalize; font-weight: 600; }
.widget .widget-title2 {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: block;
  margin-bottom: 0;
  color: var(--ink);
  font-weight: 700; }
.widget .catagories-menu li > a { text-transform: uppercase; font-size: 12px; margin-bottom: 15px; display: block; }
.widget .catagories-menu .sub-menu { margin-left: 15px; margin-bottom: 15px; }
.widget .catagories-menu .sub-menu li > a {
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
  font-weight: 300;
  color: var(--muted); }
.widget .catagories-menu .sub-menu li > a:hover { color: var(--violet); padding-left: 4px; }
.widget.price .ui-slider-handle {
  background: var(--ink);
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: var(--shadow-sm);
  top: -8px;
  width: 20px;
  height: 20px;
  margin: 0; }
.widget.price .ui-slider-range.ui-corner-all.ui-widget-header { background: var(--grad); }
.widget.price .ui-slider-horizontal { height: 5px; border-radius: var(--radius-pill); background-color: var(--mist); border: none; }
.widget.price .range-price { font-size: 12px; font-weight: 600; margin-top: 15px; text-transform: uppercase; }
.widget.color .widget-desc ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget.color .widget-desc ul li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; margin-bottom: 15px; }
.widget.color .widget-desc ul li a {
  width: 30px;
  height: 30px;
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 1px var(--line), var(--shadow-sm);
  transition: transform 250ms var(--ease), box-shadow 250ms var(--ease); }
.widget.color .widget-desc ul li a:hover { transform: scale(1.12); box-shadow: 0 0 0 2px var(--violet), var(--shadow-sm); }
.widget.color .widget-desc ul li a.color1 { background-color: #ffffff; }
.widget.color .widget-desc ul li a.color2 { background-color: #969696; }
.widget.color .widget-desc ul li a.color3 { background-color: #1a1830; }
.widget.color .widget-desc ul li a.color4 { background-color: #6d4cff; }
.widget.color .widget-desc ul li a.color5 { background-color: #e8335f; }
.widget.color .widget-desc ul li a.color6 { background-color: #fff56a; }
.widget.color .widget-desc ul li a.color7 { background-color: #f26e51; }
.widget.color .widget-desc ul li a.color8 { background-color: #9a8777; }
.widget.color .widget-desc ul li a.color9 { background-color: #5b862a; }
.widget.color .widget-desc ul li a.color10 { background-color: #8662a9; }
.widget.brands ul li { display: block; }
.widget.brands ul li a {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: var(--muted);
  font-weight: 300;
  text-transform: capitalize; }
.widget.brands ul li a:hover { color: var(--violet); padding-left: 4px; }

.product-topbar { position: relative; z-index: 100; margin-bottom: 40px; }
.product-topbar .total-products p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.75px; }
.product-topbar .total-products p span { color: var(--violet); }
.product-topbar .product-sorting p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.75px;
  margin-right: 15px; }
.product-topbar .product-sorting form select { background-color: transparent; border: none; }
.product-topbar .product-sorting form select option {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.75px; }
.product-topbar .nice-select {
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.5;
  padding-left: 0;
  margin: 0;
  text-transform: uppercase; }
.product-topbar .nice-select .list { background-color: #ffffff; border-radius: var(--radius-sm); border: none; box-shadow: var(--shadow-md); }
.product-topbar .nice-select .list .option.selected { color: var(--violet); }

/* :: 14.0 Checkout Area CSS */
.checkout_details_area form label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; color: var(--ink); }
.checkout_details_area form label span { color: var(--violet); }
.checkout_details_area form .form-control {
  height: 42px;
  border: 1px solid var(--line);
  background-color: #ffffff;
  border-radius: var(--radius-sm);
  transition: border-color 250ms var(--ease), box-shadow 250ms var(--ease); }
.checkout_details_area form .form-control:focus { border-color: var(--violet); box-shadow: 0 0 0 4px rgba(109, 76, 255, 0.14); }
.checkout_details_area form .nice-select { border-radius: var(--radius-sm); border: 1px solid var(--line); background-color: #ffffff; }
.checkout_details_area form .nice-select .list { width: 100%; border-radius: var(--radius-sm); box-shadow: var(--shadow-md); }

.order-details-confirmation {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background-color: #ffffff;
  box-shadow: var(--shadow-md);
  padding: 40px; }
@media only screen and (max-width: 767px) {
  .order-details-confirmation { margin-top: 100px; padding: 20px; } }
.order-details-confirmation .order-details-form li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  font-weight: 600; }
.order-details-confirmation .card-header h6 a { display: block; font-size: 14px; text-transform: uppercase; }
.order-details-confirmation .card-header h6 a i { color: var(--muted); }
.order-details-confirmation .card { border: none; }
.order-details-confirmation .card-header { background-color: transparent; border-bottom: none; }
.order-details-confirmation .card-body p { font-size: 12px; line-height: 2; color: var(--muted); }

/* :: 15.0 Blog Area CSS */
.blog-wrapper { position: relative; z-index: 1; }
.blog-wrapper .single-blog-area {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  overflow: hidden; }
.blog-wrapper .single-blog-area:hover { box-shadow: var(--shadow-lg); }
.blog-wrapper .single-blog-area img { width: 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.blog-wrapper .single-blog-area .post-title {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #ffffff;
  padding: 20px 40px;
  border-top-right-radius: var(--radius-md);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85%;
  height: auto;
  z-index: 10; }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .post-title { padding: 20px; } }
.blog-wrapper .single-blog-area .post-title a { display: block; font-size: 18px; font-weight: 600; line-height: 1.5; }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .post-title a { font-size: 14px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrapper .single-blog-area .post-title a { font-size: 18px; } }
.blog-wrapper .single-blog-area .hover-content {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #ffffff;
  padding: 20px 40px;
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  position: absolute;
  width: 85%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrapper .single-blog-area .hover-content { padding: 20px; } }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content { padding: 20px; } }
.blog-wrapper .single-blog-area .hover-content .hover-post-title a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrapper .single-blog-area .hover-content .hover-post-title a { font-size: 16px; margin-bottom: 10px; } }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content .hover-post-title a { font-size: 14px; margin-bottom: 10px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content .hover-post-title a { font-size: 18px; margin-bottom: 20px; } }
.blog-wrapper .single-blog-area .hover-content .hover-post-title a:hover { color: var(--violet); }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content p { display: none; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content p { display: block; font-size: 14px; line-height: 1.7; } }
.blog-wrapper .single-blog-area .hover-content > a {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--violet);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrapper .single-blog-area .hover-content > a { margin-top: 15px; } }
@media only screen and (max-width: 767px) {
  .blog-wrapper .single-blog-area .hover-content > a { margin-top: 30px; } }
.blog-wrapper .single-blog-area:hover .hover-content,
.blog-wrapper .single-blog-area:focus .hover-content { opacity: 1; visibility: visible; }
.blog-wrapper .single-blog-area:hover img,
.blog-wrapper .single-blog-area:focus img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.single-blog-wrapper { position: relative; z-index: 1; }
.single-blog-wrapper .single-blog-content-wrapper { position: relative; z-index: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  width: 75%;
  padding: 70px 7%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; width: 65%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 60%; } }
@media only screen and (max-width: 767px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text h2 { font-size: 30px; line-height: 1.5; margin-bottom: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text h2 { font-size: 24px; margin-bottom: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text h2 { font-size: 20px; margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text h2 { font-size: 18px; margin-bottom: 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text h2 { font-size: 24px; } }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text p { font-size: 18px; font-weight: 300; margin-bottom: 50px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text p { font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .single-blog-wrapper .single-blog-content-wrapper .single-blog--text p { font-size: 14px; } }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text blockquote { margin-bottom: 50px; }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text blockquote h6 {
  font-size: 18px;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text blockquote h6 i { margin-right: 30px; font-size: 30px; color: var(--violet); }
.single-blog-wrapper .single-blog-content-wrapper .single-blog--text blockquote span { margin-left: 60px; font-size: 16px; font-weight: 600; color: rgba(22, 19, 43, 0.6); }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-wrapper .single-blog-content-wrapper .related-blog-post { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; width: 35%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-blog-wrapper .single-blog-content-wrapper .related-blog-post { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; width: 40%; } }
@media only screen and (max-width: 767px) {
  .single-blog-wrapper .single-blog-content-wrapper .related-blog-post { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post img { width: 100%; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(22, 19, 43, 0.35), rgba(22, 19, 43, 0.78));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 50px; }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post a h5 {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.5; }
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post:hover img,
.single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post:focus img { -webkit-transform: scale(1.2); transform: scale(1.2); }

/* :: 16.0 Regular Page Area CSS */
.regular-page-content-wrapper { position: relative; z-index: 1; }
.regular-page-content-wrapper .regular-page-text h2 { font-size: 30px; line-height: 1.5; margin-bottom: 50px; }
.regular-page-content-wrapper .regular-page-text p { font-size: 18px; font-weight: 300; margin-bottom: 50px; }
.regular-page-content-wrapper .regular-page-text blockquote { margin-bottom: 50px; }
.regular-page-content-wrapper .regular-page-text blockquote h6 { font-size: 18px; line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; }
.regular-page-content-wrapper .regular-page-text blockquote h6 i { margin-right: 30px; font-size: 30px; color: var(--violet); }
.regular-page-content-wrapper .regular-page-text blockquote span { margin-left: 60px; font-size: 16px; font-weight: 600; color: rgba(22, 19, 43, 0.6); }

/* :: 17.0 Contact Area CSS */
.contact-area { position: relative; z-index: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.contact-area .google-map { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 60%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .google-map { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; width: 55%; } }
@media only screen and (max-width: 767px) {
  .contact-area .google-map { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }
.contact-area .google-map #googleMap { width: 100%; height: 685px; }
@media only screen and (max-width: 767px) {
  .contact-area .google-map #googleMap { height: 400px; } }
.contact-area .contact-info { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; width: 40%; padding: 50px 5%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .contact-info { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; width: 45%; padding: 50px 3%; } }
@media only screen and (max-width: 767px) {
  .contact-area .contact-info { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 50px 5%; } }
.contact-area .contact-info h2 { font-size: 30px; margin-bottom: 20px; }
.contact-area .contact-info p { font-size: 16px; font-weight: 300; }
.contact-area .contact-info .contact-address p { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.contact-area .contact-info .contact-address p span { font-weight: 600; color: var(--ink); width: 100px; display: inline-block; text-transform: uppercase; }
.contact-area .contact-info .contact-address p:last-child { margin-top: 100px; }
.contact-area .contact-info .contact-address p:last-child a { font-size: 14px; font-weight: 300; }
.contact-area .contact-info .contact-address p:last-child a:hover { color: var(--violet); }

/* ##### Respect users who prefer less motion ##### */
@media (prefers-reduced-motion: reduce) {
  .essence-btn,
  .single-product-wrapper,
  .widget.color .widget-desc ul li a,
  #scrollUp,
  .brands-area .single-brands-logo img,
  .footer_area .single_widget_area .footer_social_area a {
    transition: none !important;
    transform: none !important; }
  .blog-wrapper .single-blog-area:hover img,
  .single-blog-wrapper .single-blog-content-wrapper .related-blog-post .single-related-blog-post:hover img {
    transform: none !important; } }


/* ####################################################
   :: SIGNATURE LAYER — the iconic touches
   One idea runs through the whole theme: an "aurora" gradient
   (violet → orchid → rose) used sparingly on the things people
   act on, set against deep midnight ink and warm lilac-white.
   #################################################### */
html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bone); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--violet), var(--fuchsia));
  border-radius: 10px;
  border: 2px solid var(--bone); }

body {
  background-color: var(--bone);
  background-image:
    radial-gradient(1100px 560px at 88% -8%, rgba(109, 76, 255, 0.11), transparent 62%),
    radial-gradient(900px 480px at -8% 6%, rgba(255, 61, 129, 0.08), transparent 60%);
  background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; letter-spacing: -0.02em; }

a:focus-visible, button:focus-visible { outline: 3px solid rgba(196, 71, 255, 0.55); }

/* Buttons: an aurora that drifts on hover */
.essence-btn {
  background-color: var(--ink);
  background-image: var(--grad);
  background-size: 220% 100%;
  background-position: 0% 50%;
  box-shadow: var(--glow); }
.essence-btn:hover, .essence-btn:focus {
  background-position: 100% 50%;
  transform: translateY(-3px);
  box-shadow: 0 22px 44px -14px rgba(255, 61, 129, 0.55); }
.essence-btn:active { transform: translateY(0) scale(0.98); }

#scrollUp {
  background: var(--grad);
  border-radius: 50%;
  box-shadow: var(--glow); }

/* Header: glass with an aurora hairline once the page scrolls */
.header_area { border-bottom-color: rgba(109, 76, 255, 0.1); }
.header_area:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--grad);
  opacity: 0;
  transition: opacity 500ms var(--ease); }
.header_area.sticky:after { opacity: 1; }
.header_area .classynav ul li a:hover { color: var(--violet); }

/* The one big moment: the hero headline rises in once, in aurora ink */
@keyframes heroRise {
  from { opacity: 0; transform: translateY(26px); }
  to { opacity: 1; transform: none; } }
.welcome_area .hero-content h6 { animation: heroRise 800ms var(--ease) both; }
.welcome_area .hero-content h2 {
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.05;
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: heroRise 1000ms var(--ease) 120ms both; }
.welcome_area .hero-content a { animation: heroRise 900ms var(--ease) 260ms both; }

.breadcumb_area.breadcumb-style-two .page-title h2 {
  letter-spacing: -0.03em;
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; }

/* Section headings get a short aurora rule */
.section-heading h2:after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: var(--grad);
  margin-top: 16px; }
.section-heading.text-center h2:after { margin-left: auto; margin-right: auto; }

/* Category tiles */
.single_catagory_area { box-shadow: var(--shadow-sm); transition: transform 500ms var(--ease), box-shadow 500ms var(--ease); }
.single_catagory_area:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.single_catagory_area:hover:after { background: linear-gradient(160deg, rgba(109, 76, 255, 0.16), rgba(255, 61, 129, 0.14)); }

/* Product cards: lift, aurora ring, slow image zoom */
.single-product-wrapper { border-radius: var(--radius-md); }
.single-product-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 0 2px rgba(196, 71, 255, 0.5), var(--shadow-lg); }
.single-product-wrapper:hover .product-img img { transform: scale(1.06); }
.single-product-wrapper .product-img img { transition: transform 900ms var(--ease), opacity 500ms var(--ease); }
.single-product-wrapper .product-img .product-badge { box-shadow: 0 8px 18px -8px rgba(15, 12, 36, 0.5); letter-spacing: 0.04em; }
.single-product-wrapper .product-img .product-badge.offer-badge { background: linear-gradient(115deg, #ff3d81, #ff7a45); }
.single-product-wrapper .product-img .product-badge.new-badge { background: var(--grad); }
.single-product-wrapper .product-description p { font-size: 15px; }

/* Cart drawer: frosted glass */
.right-side-cart-area {
  background-color: rgba(251, 249, 255, 0.92);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%); }
.right-side-cart-area .cart-content .cart-list .single-cart-item:hover .product-image .cart-item-desc {
  background: linear-gradient(180deg, rgba(109, 76, 255, 0.6), rgba(15, 12, 36, 0.9)); }

/* Pagination, filters, form focus: aurora, not flat blue */
.pagination .page-item.active .page-link { background: var(--grad); box-shadow: var(--glow); }
.widget.price .ui-slider-range.ui-corner-all.ui-widget-header { background: var(--grad); }
.checkout_details_area form .form-control:focus { border-color: var(--fuchsia); box-shadow: 0 0 0 4px rgba(196, 71, 255, 0.16); }

/* Blog tiles */
.blog-wrapper .single-blog-area { border-radius: var(--radius-md); }
.blog-wrapper .single-blog-area:hover { box-shadow: 0 0 0 2px rgba(196, 71, 255, 0.45), var(--shadow-lg); }

/* Footer: midnight with two soft aurora glows */
.footer_area {
  background-color: var(--ink);
  background-image:
    radial-gradient(620px 320px at 12% 0%, rgba(109, 76, 255, 0.38), transparent 70%),
    radial-gradient(520px 300px at 92% 100%, rgba(255, 61, 129, 0.24), transparent 70%);
  border-top: 1px solid rgba(255, 255, 255, 0.08); }
.footer_area .single_widget_area .footer_heading h6 { letter-spacing: 0.14em; color: rgba(255, 255, 255, 0.95); }

/* Reduced motion: no entrance, no zoom */
@media (prefers-reduced-motion: reduce) {
  .welcome_area .hero-content h6,
  .welcome_area .hero-content h2,
  .welcome_area .hero-content a { animation: none !important; }
  .single-product-wrapper:hover .product-img img,
  .single_catagory_area:hover { transform: none !important; }
  html { scroll-behavior: auto; } }

/* ##### The End ##### */