/*
Template Name: Lumne - Multipurpose Blog HTML Template
Tags: Blog, Writer, Creative, Multipurpose
Version: 1.0
*/
/* ---------------------
All CSS Structure Follow this Order
----------------------
1. Variables
2. Mixin
3. Reset
4. Typography
5. Spacing
6. Loader
7. Common
8. Input
9. Pages
10. Section
     1. Header Top
     2. Offcanvase Menu
     3. Header
     4. Banner
     5. Category
     6. Blog
     7. Coming Soon
     8. Sidebar
     9. Story
     10. Form
     11. GDPR
     12. Footer
11. Nav
12. Scheme
13. Mode
14. Button
15. Backtotop
-------------*/
:root {
  /* Text Color */
  color-scheme: light;
  --lumne-para: #65676B;
  --lumne-black: #000000;
  --lumne-white: #FFFFFF;
  --lumne-big-white: #FFFFFF;
  --lumne-gray: #F0F2F5;
  --lumne-body: #fff;
  /* Background Color */
  --lumne-main: #3d7115;
  --lumne-primary: #315e0e;
  --lumne-secondary: #110C2D;
  --lumne-heading: #1D1D1F;
  --lumne-btn-two: #FF621F;
  --transparent: transparent;
  --transition: all .4s ease;
  --border: rgba(101, 103, 107, 0.2);
  --cat-border: #ededed;
  --checkbox: #d3d3d3;
  /* Color */
  --color-success: #3d7115;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  /* typhography */
  --roboto: "Roboto", sans-serif;
  --inter: "Inter", sans-serif;
  --h1: 60px;
  --h2: 48px;
  --h3: 40px;
  --h4: 32px;
  --h5: 24px;
  --h6: 20px;
  --p: 18px;
  --p-sm: 16px;
  --p-xs: 14px;
}

[data-theme=dark] {
  color-scheme: dark;
  --cat-border: #464646;
  --lumne-body: #1C1C1C;
  --lumne-gray: #222222;
  --lumne-heading: #fff;
  --lumne-white: #222222;
  --lumne-big-white: #383838;
  --lumne-para: #c8c8c8;
}

.lumne__coming__soon, .lumne__offer__banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul li a::before, .navigation__menu--item.has-child .has__mega__menu .menu__item a span::before, .navigation__menu--item ul.submenu li a::before,
.navigation__menu--item .sub__style li a::before {
  position: absolute;
  content: "";
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}

/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

/*-----------------
    Typography
-------------------*/
body {
  font-family: var(--roboto);
  font-size: var(--p);
  line-height: 28px;
  font-weight: 400;
  color: var(--lumne-para);
  overflow-x: hidden;
  margin: 0 auto;
  background-color: var(--lumne-body);
}

html, body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100%;
}

a, a:hover, a:focus {
  text-decoration: none;
}

h1, .h1 {
  font-size: var(--h1);
  line-height: 70px;
}
@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 576px) {
  h1, .h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

h2, .h2 {
  font-size: var(--h2);
  line-height: 58px;
}
@media screen and (max-width: 768px) {
  h2, .h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 576px) {
  h2, .h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

h3, .h3 {
  font-size: var(--h3);
  line-height: 50px;
}
@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 30px;
    line-height: 40px;
  }
}

h4, .h4 {
  font-size: var(--h4);
  line-height: 42px;
}

h5, .h5 {
  font-size: var(--h5);
  line-height: 34px;
}

h6, .h6 {
  font-size: var(--h6);
  line-height: 30px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: var(--lumne-heading);
  font-weight: 600;
  font-family: var(--inter);
}

p {
  font-size: var(--p);
}
p:last-child {
  margin-bottom: 0;
}

.text-sm {
  font-size: var(--p-sm);
}

.text-xs {
  font-size: var(--p-xs);
}

.list-style-dot li {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 15px;
  font-weight: 500;
  position: relative;
}
.list-style-dot li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--rts-button-1);
  content: "";
}

.rts__section {
  position: relative;
}

.mtn-1 {
  margin-top: -10px;
}

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

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

.my-40 {
  margin: 40px 0;
}

.my-30 {
  margin: 30px 0;
}

.section__mb {
  margin-bottom: 13px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-100 {
  margin-left: 100px;
}

.my-80 {
  margin: 80px 0;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

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

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

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

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

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

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 992px) {
  .py-80 {
    padding-bottom: 0;
    padding-top: 80px;
  }
}

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

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

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

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

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

.pt-lg-60 {
  padding-top: 60px;
}
@media screen and (max-width: 992px) {
  .pt-lg-60 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .pt-lg-60 {
    padding-top: 30px;
  }
}

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

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

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

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

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

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

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

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

.pt-90 {
  padding-top: 90px;
}
@media screen and (max-width: 768px) {
  .pt-90 {
    padding-top: 60px;
  }
}

.pt-100 {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .pt-100 {
    padding-top: 60px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}

.pt-110 {
  padding-top: 110px;
}
@media screen and (max-width: 992px) {
  .pt-110 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .pt-110 {
    padding-top: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .pb-120 {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}

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

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

.pt-120 {
  padding-top: 120px;
}
@media screen and (max-width: 1200px) {
  .pt-120 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 992px) {
  .pt-120 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .pt-120 {
    padding-top: 60px;
  }
}

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

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

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

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

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

.gap-30 {
  --bs-gutter-x: 30px;
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.row-30 {
  row-gap: 30px;
}

.row-35 {
  row-gap: 35px;
}

.row-60 {
  row-gap: 60px;
}
@media screen and (max-width: 1200px) {
  .row-60 {
    row-gap: 40px;
  }
}

.section__padding {
  padding-top: 110px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .section__padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .section__padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.max-contnet {
  max-width: max-content;
}

.max-content {
  max-width: max-content;
}

.g-30 {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

.max-630 {
  max-width: 630px;
}

.max-750 {
  max-width: 750px;
}

.max-720 {
  max-width: 720px;
}

.max-695 {
  max-width: 695px;
}

.max-360 {
  max-width: 360px;
}

.mnw-500 {
  min-width: 500px;
}

.top-30 {
  top: 30px;
}

.top-25 {
  top: 25px !important;
}

.end-30 {
  right: 30px;
}

.end--30 {
  right: -30px;
}

.left-20 {
  left: 20px;
}

.padding-75 {
  padding: 0 75px;
}
@media screen and (max-width: 1200px) {
  .padding-75 {
    padding: 0 30px;
  }
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.gap-40 {
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .gap-40 {
    gap: 20px;
  }
}

.gap-45 {
  gap: 45px;
}

.gap-50 {
  gap: 50px;
}

.gap-60 {
  gap: 60px;
}

.no-bb {
  bottom: 0 !important;
  margin-bottom: 0 !important;
}

figure {
  margin-bottom: 0;
}

.mt--10 {
  margin-top: -8px;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  background: var(--lumne-white);
  width: 50%;
  height: 100%;
  z-index: 1000;
}

.loader-wrapper .loader-section.section-left {
  left: 0;
}

.loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded Styles */
.loaded .loader-wrapper .loader-section.section-left {
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.loaded .loader-wrapper .loader-section.section-right {
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.loaded .loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded .loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

.loader:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border: 4px solid transparent;
  border-top-color: var(--lumne-primary);
  border-right-color: var(--lumne-primary);
  border-bottom-color: var(--lumne-primary);
  border-radius: 100%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.loader {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  z-index: 1001;
  transform: translate(-50%, -50%);
}

@-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);
  }
}
button {
  border: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
button svg path[fill] {
  fill: var(--lumne-heading);
}
button svg path[stroke] {
  stroke: var(--lumne-heading);
}

.link__item {
  display: flex;
  align-items: center;
}

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

@media only screen and (max-width: 1199px) {
  .br-lg-none br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .br-md-none br {
    display: none;
  }
}

@media only screen and (max-width: 576px) {
  .br-sm-none br {
    display: none;
  }
}

.rounded-50 {
  border-radius: 50px !important;
}

.d-shadow {
  filter: drop-shadow(0px 10px 30px rgba(153, 153, 153, 0.25));
}

.text-para {
  color: var(--lumne-para);
}

.relative {
  position: relative;
}

.list__style__dot li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 25px;
}
.list__style__dot li:last-child {
  margin-bottom: 0;
}
.list__style__dot li::before {
  position: absolute;
  left: 0;
  top: 20%;
  transform: translate(0, -20%);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--rts-para);
  content: "";
}

.number__style__dot {
  padding-left: 15px;
}
.number__style__dot li {
  list-style: number;
  margin-bottom: 25px;
}
.number__style__dot li:last-child {
  margin-bottom: 0;
}

.min-fit-content {
  min-width: fit-content;
}

.bg-primary {
  background: var(--rts-primary) !important;
  color: var(--rts-white) !important;
}

.pointer {
  cursor: pointer;
}

.radius-6 {
  border-radius: 6px;
}

.radius-10 {
  border-radius: 10px;
}

.center-item {
  display: grid;
  place-items: center;
}

.no-border {
  border: none !important;
}

.b__b {
  border-bottom: 1px solid rgba(101, 103, 107, 0.2);
}

.b__t {
  border-top: 1px solid rgba(101, 103, 107, 0.2);
}

.bg-gray {
  background-color: var(--lumne-gray);
}

.font-20 {
  font-size: 20px;
}

a[savefrom_lm="1"][savefrom_lm_is_link="1"] {
  display: none !important;
  background-image: none !important;
  position: absolute !important;
}

select {
  appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
}

.single__input {
  position: relative;
}

.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
}
.checkbox label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--checkbox);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
  margin-right: 20px;
  top: -2px;
  height: 15px;
  width: 15px;
}

.checkbox input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}

.checkbox input:checked + label::before {
  background-color: var(--lumne-main);
  border-radius: 2px;
  border-color: var(--lumne-main);
}

input {
  border: 1px solid transparent;
  outline: none;
  transition: var(--transition);
}

input::placeholder, textarea::placeholder {
  color: var(--lumne-para);
}

textarea:focus, input:focus {
  border-color: var(--lumne-main);
  transition: var(--transition);
}

textarea:focus-visible, input:focus-visible {
  border-color: var(--lumne-main);
  transition: var(--transition);
}

[data-theme=dark] input::placeholder, [data-theme=dark] textarea::placeholder {
  color: #7D8087;
}

.form-control:focus {
  border-color: var(--lumne-main);
  transition: var(--transition);
  box-shadow: none;
}

.form-control:focus-visible {
  border-color: var(--lumne-main);
  transition: var(--transition);
  box-shadow: none;
}

.lumne__terms__service__wrapper h3, .content__policy__content h3, .lumne__privacy__wrapper h3 {
  margin-bottom: 15px;
}
.lumne__terms__service__wrapper p, .content__policy__content p, .lumne__privacy__wrapper p {
  margin-bottom: 25px;
}

/* ========= Section ========= */
.header__top__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 12px 25px 12px;
  flex-wrap: wrap;
  gap: 20px;
}

.lumne__social {
  display: flex;
  gap: 20px;
}
.lumne__social svg path {
  transition: var(--transition);
}
.lumne__social a:hover svg {
  transition: var(--transition);
}
.lumne__social a:hover svg path {
  fill: light-dark(var(--lumne-primary), #fff);
}

.header__top__wrapper.if__food__blog {
  padding: 10px 0;
}

.header__latest__post {
  display: flex;
  gap: 10px;
  color: var(--lumne-para);
  flex-wrap: wrap;
}
.header__latest__post .latest__post__slider {
  overflow: hidden;
}
.header__latest__post .latest__post__slider a {
  font-size: 16px;
  color: var(--lumne-para);
}
.header__latest__post .latest__post__slider .swiper-wrapper {
  height: 0;
}
@media screen and (max-width: 576px) {
  .header__latest__post .latest__post__slider .swiper-wrapper {
    height: 35px;
  }
}

.offcanvas {
  z-index: 999999;
}

.rts__btstrp__offcanvase {
  max-width: 1300px;
  position: relative;
}
.rts__btstrp__offcanvase .offcanvase__wrapper {
  display: flex;
  align-items: center;
  background-color: var(--lumne-white);
}
@media screen and (max-width: 992px) {
  .rts__btstrp__offcanvase .offcanvase__wrapper {
    background-color: transparent;
  }
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side {
  position: relative;
  min-width: 470px;
  max-width: 470px;
  height: 100vh;
  background-color: var(--lumne-white);
  padding: 50px 60px 35px 50px;
  overflow: scroll;
  overflow-x: hidden;
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 576px) {
  .rts__btstrp__offcanvase .offcanvase__wrapper .left__side {
    min-width: 100%;
    max-width: 100%;
    padding: 50px 30px;
  }
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu .btn-close-white {
  position: absolute;
  right: 30px;
  display: none;
}
@media screen and (max-width: 992px) {
  .rts__btstrp__offcanvase .offcanvase__wrapper .left__side.mobile__menu .btn-close-white {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__top {
    margin-bottom: 60px;
  }
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__logo {
  margin-bottom: 40px;
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .description {
  color: var(--lumne-para);
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom {
  position: relative;
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item span {
  display: block;
  font-size: 22px;
  color: var(--lumne-para);
}
.rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item a {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--lumne-para);
  font-size: var(--p-sm);
}

[data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .description {
  color: #fff;
}
[data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item span {
  color: #fff;
}
[data-theme=dark] .rts__btstrp__offcanvase .offcanvase__wrapper .left__side .offcanvase__bottom .offcanvase__address .item a {
  color: #fff;
}

.rts__mobile__menu nav ul {
  padding: 0;
  margin: 0;
}
.rts__mobile__menu nav ul li {
  position: relative !important;
  margin-left: 0;
  border-bottom: 1px solid var(--border);
  padding: 5px 0;
  margin-bottom: 10px;
}
.rts__mobile__menu nav ul li:last-child {
  border-bottom: none;
}
.rts__mobile__menu nav ul li a {
  padding: 10px 0;
}
.rts__mobile__menu nav ul li a span:has(img) {
  display: none;
}
.rts__mobile__menu nav ul li a span:has(svg) {
  display: none;
}
.rts__mobile__menu nav ul li a span {
  color: #fff;
}
.rts__mobile__menu nav ul li > .has__mega__menu {
  position: relative !important;
  width: 100% !important;
  display: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.rts__mobile__menu nav ul li > .has__mega__menu .row {
  display: flex;
  flex-direction: column;
}
.rts__mobile__menu nav ul li > .has__mega__menu .g-30 {
  --bs-gutter-y: 15px ;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item {
  width: 100%;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item.has__menu {
  margin-top: 15px;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item a img {
  height: 230px;
  object-fit: contain;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item.has__menu span {
  color: #fff;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item.has__menu ul {
  display: flex;
  flex-direction: column;
}
.rts__mobile__menu nav ul li > .has__mega__menu .menu__item.has__menu ul li a {
  display: block;
  padding: 0 0;
  line-height: 1;
}
.rts__mobile__menu nav ul li.active .has__mega__menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 30px;
  transform: scaleY(1) !important;
  margin-left: 10px;
}
.rts__mobile__menu nav ul li.active > ul {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding-bottom: 10px !important;
}
.rts__mobile__menu nav ul li > ul {
  position: relative !important;
  box-shadow: none !important;
  width: 100%;
  display: none !important;
  transform: none !important;
  padding: 20px 0 !important;
  background-color: transparent !important;
}
.rts__mobile__menu nav ul li > ul li {
  padding-bottom: 10px !important;
  padding-left: 20px !important;
}
.rts__mobile__menu nav ul li > ul li:last-child {
  padding-bottom: 0 !important;
}
.rts__mobile__menu nav ul li > ul li ul {
  left: 0 !important;
  position: relative !important;
}

.tp-menu-close {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  border: 1px solid rgba(74, 74, 74, 0.12);
}

.btn-close {
  position: absolute;
  right: 30px;
  filter: contrast(0.1);
}

/* ===== header menu ===== */
.header__menu__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .header__menu__wrapper {
    padding: 20px 12px;
  }
}
@media screen and (max-width: 576px) {
  .header__menu__wrapper {
    padding: 20px;
  }
}
.header__menu__wrapper.if__menu__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
@media screen and (max-width: 992px) {
  .header__menu__wrapper.if__menu__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.header__menu__wrapper .lumne__logo.is__active {
  display: inline-flex !important;
}

.notification__switcher {
  position: relative;
}
.notification__switcher span {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--lumne-main);
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: 4px;
  right: 10px;
  transition: var(--transition);
}
.notification__switcher:hover span {
  background-color: var(--lumne-white);
  color: var(--lumne-heading);
}
.notification__switcher:hover svg path {
  fill: var(--lumne-white);
  transition: var(--transition);
}
.notification__switcher svg path {
  fill: var(--lumne-heading);
}

/* ==== Search ===== */
.lumne__search {
  max-width: 500px;
  padding: 2.5rem 2rem;
  width: 100%;
  background-color: var(--lumne-white);
  position: absolute;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
  box-shadow: 0px 20px 30px rgba(155, 155, 155, 0.1);
  border-radius: 10px;
  z-index: 1024;
}
.lumne__search.show {
  visibility: visible;
  opacity: 1;
}
.lumne__search__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.lumne__search__content button {
  position: absolute;
  right: 0;
  top: -20px;
}
.lumne__search__content form {
  position: relative;
  width: 100%;
}
.lumne__search__content form input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid rgba(181, 181, 181, 0.15);
  border-radius: 6px;
  font-size: var(--p-xs);
  background: transparent;
  color: var(--lumne-para);
}
.lumne__search__content form input::placeholder {
  color: var(--lumne-para);
}
.lumne__search__content form input:focus {
  outline: none;
}
.lumne__search__content form input:focus-visible {
  border: 1px solid var(--lumne-primary);
}
.lumne__search__content form .submit__btn {
  padding: 8px 15px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}
.lumne__search__content span {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--lumne-heading);
  font-size: var(--p-sm);
}
.lumne__search__content ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.lumne__search__content ul a {
  display: inline-block;
  color: var(--lumne-heading);
  padding: 8px 12px;
  background-color: var(--lumne-gray);
  border-radius: 4px;
  transition: var(--transition);
  font-size: var(--p-xs);
  line-height: 1;
  font-family: var(--inter);
}
.lumne__search__content ul a:hover {
  background-color: var(--lumne-primary);
  color: #fff;
}

[data-theme=dark] .lumne__search__content ul a {
  background-color: #3e3e3e;
}
[data-theme=dark] .lumne__search__content ul a:hover {
  background-color: var(--lumne-primary);
  color: #fff;
}
[data-theme=dark] .lumne__search__content span img {
  filter: invert(1);
}
[data-theme=dark] .lumne__close svg polygon {
  fill: #fff;
}

.trigger {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 45px;
  cursor: pointer;
  z-index: 9;
}

.trigger::after,
.trigger::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: light-dark(var(--lumne-heading), #fff);
  margin: 4px 0 3px 0;
  transition: transform 0.2s ease-in, background-color 0.2s ease-in;
}

.header__function.is__sticky {
  position: fixed;
  -webkit-animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  -webkit-transition: padding 1s;
  transition: padding 1s;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
  background: var(--lumne-white);
  z-index: 999;
  width: 100%;
  top: 0;
  padding: 0;
}
.header__function.is__sticky .navigation__menu--item__link {
  padding: 30px 0;
}

@keyframes stickyanimations {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
.lumne__notification {
  max-width: 380px;
  padding: 20px 25px;
  width: 100%;
  background-color: var(--lumne-white);
  position: absolute;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
  box-shadow: 0px 20px 30px rgba(155, 155, 155, 0.1);
  border-radius: 10px;
  z-index: 1024;
}
.lumne__notification.show {
  visibility: visible;
  opacity: 1;
}
.lumne__notification__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(155, 155, 155, 0.1);
}
.lumne__notification__header h6 {
  margin: 0;
}
.lumne__notification__list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.lumne__notification__list ul li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(155, 155, 155, 0.1);
}
.lumne__notification__list ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.lumne__notification__list ul li:first-child {
  padding-top: 15px;
}
.lumne__notification__list .single__notification {
  display: flex;
  align-items: center;
  gap: 15px;
}
.lumne__notification__list .single__notification a {
  font-size: var(--p-sm);
  margin-bottom: 5px;
  line-height: 24px;
  display: block;
  color: var(--lumne-heading);
  transition: var(--transition);
}
.lumne__notification__list .single__notification a:hover {
  color: var(--lumne-main);
}
.lumne__notification__list .single__notification span {
  font-size: var(--p-xs);
  line-height: 20px;
}
.lumne__notification__list .single__notification .notification__content {
  line-height: 1;
}
.lumne__notification__list .single__notification .notification__thumb img {
  border-radius: 4px;
  min-height: 60px;
  min-width: 60px;
}

/* ====== Banner Area CSS ====== */
.lumne__banner {
  background-color: var(--lumne-gray);
  padding: 30px;
  border-radius: 10px;
}

.lumne__banner.hero__banner{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .lumne__banner {
    padding: 15px;
  }
}

.lumne__blog {
  position: relative;
}
.lumne__blog__thumb {
  overflow: hidden;
  margin-bottom: 120px;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lumne__blog__thumb {
    margin-bottom: 0;
  }
}
.lumne__blog__thumb img {
  transition: var(--transition);
}
@media screen and (max-width: 576px) {
  .lumne__blog__thumb img {
    width: 100%;
    height: 100%;
  }
}
.lumne__blog__thumb:hover img {
  transform: scale(1.05);
}
.lumne__blog__thumb.has__overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: var(--transition);
  background: #000000;
  opacity: 0.3;
  z-index: 1;
}
.lumne__blog__content {
  position: absolute;
  bottom: -120px;
  background-color: var(--lumne-big-white);
  border-radius: 6px;
  padding: 30px;
  margin: 0 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .lumne__blog__content {
    position: relative;
    bottom: 0;
    margin: 0;
  }
}
.lumne__blog__content__meta {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .lumne__blog__content__meta {
    gap: 20px;
  }
}
.lumne__blog__content h2.lumne__blog__title {
  background-size: 201% 2px;
}
.lumne__blog__content .lumne__blog__title {
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.lumne__blog__content .lumne__blog__title:hover {
  background-position: 0% 100%;
}
.lumne__blog__cat {
  display: block;
  font-size: var(--p-xs);
  color: light-dark(var(--lumne-primary), #d9d3d3);
  margin-bottom: 5px;
}
.lumne__blog__cat h6 {
  font-weight: 500;
}
.lumne__blog__author {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.lumne__blog__author img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.lumne__blog__author .author__info a {
  font-size: 20px;
  display: block;
  color: var(--lumne-heading);
  font-family: var(--roboto);
  margin-bottom: 2px;
  line-height: 1;
}
.lumne__blog__author .author__info span {
  font-size: var(--p-sm);
  color: var(--lumne-para);
}
.lumne__blog__time {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--lumne-para);
  margin-top: 10px;
}
.lumne__blog.if__trending {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .lumne__blog.if__trending {
    flex-wrap: wrap;
  }
}
.lumne__blog.if__trending .lumne__blog__thumb {
  margin-bottom: 0;
  min-width: 110px;
  min-height: 112px;
  border-radius: 6px;
  max-height: 112px;
  overflow: hidden;
  max-width: 110px;
}
@media screen and (max-width: 576px) {
  .lumne__blog.if__trending .lumne__blog__thumb {
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
.lumne__blog.if__trending .lumne__blog__content {
  bottom: 0;
  position: relative;
  margin: 0;
  background: transparent;
  padding: 0;
}
.lumne__blog.if__trending .lumne__blog__content .lumne__blog__title {
  font-weight: 500;
}
.lumne__blog__trending {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .lumne__blog__trending {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ====== Business Blog Banner Area CSS ====== */
.lumne__slider__background {
  position: absolute;
  height: 100%;
  width: 100%;
}
.lumne__slider__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: var(--transition);
  background: #000000;
  opacity: 0.4;
  z-index: 1;
}
.lumne__slider__background img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.lumne__slider__content {
  padding-top: 300px;
  padding-bottom: 60px;
  padding-left: 60px;
  position: relative;
  z-index: 1;
  max-width: 820px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .lumne__slider__content {
    padding-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  .lumne__slider__content {
    padding-left: 40px;
    max-width: 450px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lumne__slider__content {
    padding-left: 30px;
    padding-top: 80px;
    max-width: 90%;
  }
}
.lumne__slider__content__meta {
  color: var(--lumne-white);
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.lumne__slider__content__meta a {
  color: var(--lumne-white);
  position: relative;
}
.lumne__slider__content__meta a::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -12px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  transition: var(--transition);
  background: light-dark(var(--lumne-white), #fff);
  opacity: 0.8;
  z-index: 1;
}
.lumne__slider__content__title {
  color: var(--lumne-white);
}
.lumne__slider__content p {
  color: var(--lumne-white);
  margin-bottom: 20px;
}

.swiper-slide-active .lumne__slider__content {
  animation: slideFromLeft 1s forwards ease-in;
}

@keyframes slideFromLeft {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  25% {
    clip-path: polygon(0 0, 25% 0, 25% 100%, 0 100%);
  }
  50% {
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  }
  75% {
    clip-path: polygon(0 0, 75% 0, 75% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
[data-theme=dark] .lumne__slider__content__meta {
  color: #fff;
}
[data-theme=dark] .lumne__slider__content__meta a {
  color: #fff;
}
[data-theme=dark] .lumne__slider__content__title {
  color: #fff;
}
[data-theme=dark] .lumne__slider__content p {
  color: #fff;
}

@media screen and (max-width: 992px) {
  .lumne__slider__control {
    display: none;
  }
}

.lumne__slider__control .lumne-button-prev,
.lumne__slider__control .lumne-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background: var(--lumne-white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}
.lumne__slider__control .lumne-button-prev:hover,
.lumne__slider__control .lumne-button-next:hover {
  background: var(--lumne-primary);
  color: var(--lumne-white);
}
.lumne__slider__control .lumne-button-prev:hover svg path[fill],
.lumne__slider__control .lumne-button-next:hover svg path[fill] {
  fill: light-dark(var(--lumne-white), #fff);
}
.lumne__slider__control .lumne-button-next {
  right: -20px;
}
.lumne__slider__control .lumne-button-prev {
  left: -20px;
}

/* ------ travel hero css ------ */
.lumne__blog.if__is__travel .lumne__blog__thumb {
  margin-bottom: 15px;
}
.lumne__blog.if__is__travel .lumne__blog__thumb img {
  width: 100%;
  object-fit: cover;
}
.lumne__blog.if__is__travel .lumne__blog__content {
  position: relative;
  bottom: 0;
  margin: 0;
  padding: 0;
  max-width: 280px;
  background-color: transparent;
}
.lumne__blog.if__is__travel .lumne__blog__cat {
  color: var(--lumne-para);
  margin-bottom: 0;
}
.lumne__blog.if__is__travel .lumne__blog__time {
  font-size: var(--p-sm);
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__thumb {
  position: relative;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__thumb img {
  border-radius: 10px;
  width: 100%;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 44%, rgba(0, 0, 0, 0.7) 100%);
  border-radius: 10px;
  z-index: 1;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content {
  position: absolute;
  padding: 30px;
  max-width: 440px;
  background: transparent;
  z-index: 9;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content .lumne__blog__title,
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content .lumne__blog__cat {
  color: #fff;
  margin: 0;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content .lumne__slider__content__meta {
  color: #fff;
  font-size: var(--p-xs);
  margin-bottom: 10px;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content .lumne__slider__content__meta a {
  color: #fff;
}
.lumne__blog.if__is__travel.if__has__overlay .lumne__blog__content .lumne__slider__content__meta a::before {
  background: #fff;
}
.lumne__blog.if__is__travel.if__is__small .lumne__blog__content {
  padding: 20px;
  margin-bottom: 20px;
}
.lumne__blog.if__is__travel.if__is__small .lumne__blog__content .lumne__blog__title {
  margin-bottom: 0;
}

.lumne__offer__banner {
  background-image: url("../img/food/offer__banner.webp");
  padding: 42px 0;
  overflow: hidden;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lumne__offer__banner h4 {
  margin-bottom: 0;
  color: #000;
}

.lumne__main__banner .lumne__slider__background::before {
  opacity: 0.5;
  border-radius: 0;
}
.lumne__main__banner .lumne__slider__background img {
  border-radius: 0;
}
.lumne__main__banner .lumne__slider__content {
  padding: 180px 0;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .lumne__main__banner .lumne__slider__content {
    padding: 120px 0;
  }
}
@media screen and (max-width: 768px) {
  .lumne__main__banner .lumne__slider__content {
    padding: 90px 0;
  }
}
.lumne__main__banner .lumne__slider__content__meta {
  justify-content: center;
}
.lumne__main__banner .lumne__slider__content__title {
  margin-bottom: 25px;
}

.lumne__banner.life__style {
  padding: 0;
  border-radius: 0;
}
.lumne__banner.life__style .lumne__slider__background {
  left: 0;
  top: 0;
}
.lumne__banner.life__style .lumne__slider__background::before {
  border-radius: 0;
}
.lumne__banner.life__style .lumne__slider__background img {
  border-radius: 0;
}
.lumne__banner.life__style .lumne__slider__content {
  margin: 0;
  text-align: left;
}
.lumne__banner.life__style .lumne__slider__content__meta {
  justify-content: flex-start;
}
.lumne__banner.life__style .lumne__slider__control .lumne-button-prev {
  left: 70px;
}
.lumne__banner.life__style .lumne__slider__control .lumne-button-next {
  right: 70px;
}

.lumne__banner.if__is__marketing {
  padding: 0;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .lumne__banner.if__is__marketing .lumne__blog__thumb {
    border-radius: 6px 6px 0 0;
  }
}
.lumne__banner.if__is__marketing .lumne__blog__content {
  box-shadow: 0px 40px 30px rgba(111, 111, 111, 0.1);
  border-radius: 6px;
}
@media screen and (max-width: 1400px) {
  .lumne__banner.if__is__marketing .lumne__blog__content {
    bottom: -250px;
  }
}
@media screen and (max-width: 1200px) {
  .lumne__banner.if__is__marketing .lumne__blog__content {
    bottom: -120px;
  }
}
@media screen and (max-width: 768px) {
  .lumne__banner.if__is__marketing .lumne__blog__content {
    bottom: 0;
    border-radius: 0 0 6px 6px;
    padding: 20px 0 0 0;
    background-color: transparent;
    box-shadow: none;
  }
}

.lumne__blog__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  .lumne__blog__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .lumne__blog__top {
    grid-template-columns: repeat(1, 1fr);
  }
}
.lumne__blog__top .blog__post {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.lumne__blog__top .blog__post__thumb {
  margin-bottom: 15px;
}

.lumne__banner__box {
  padding: 30px 0;
  display: flex;
  align-items: center;
  gap: 75px;
  justify-content: center;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.lumne__banner{
  position: relative;
  overflow: hidden;
}

.lumne__banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(17, 38, 5, 0.61);
  top: 0;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .lumne__banner__box {
    gap: 40px;
  }
}
@media screen and (max-width: 992px) {
  .lumne__banner__box {
    flex-wrap: wrap;
  }
}
.lumne__banner__box span {
  color: var(--lumne-para);
  display: block;
  margin-bottom: 10px;
}
.lumne__banner__box p {
  max-width: 465px;
  color: var(--lumne-para);
}
.lumne__banner__box .personal__newsletter {
  margin-top: 30px;
  max-width: 405px;
  position: relative;
}
.lumne__banner__box .personal__newsletter input {
  padding: 14px 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: 1;
  width: 100%;
  outline: none;
}
.lumne__banner__box .personal__newsletter input:focus, .lumne__banner__box .personal__newsletter input:focus-visible {
  border-color: var(--lumne-primary);
}
.lumne__banner__box .personal__newsletter .lumne__btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 8px 18px;
  font-size: var(--p-xs);
}

.hero__post__wrapper {
  display: grid;
  grid-template-columns: 25% 25% 50%;
  gap: 5px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .hero__post__wrapper {
    grid-template-columns: 50% 50%;
    gap: 30px;
    margin: 0 15px;
  }
}
@media screen and (max-width: 768px) {
  .hero__post__wrapper {
    grid-template-columns: 100%;
    gap: 30px;
  }
}
.hero__post__wrapper .single__blog__post {
  position: relative;
}
@media screen and (max-width: 768px) {
  .hero__post__wrapper .single__blog__post {
    grid-column: 1 !important;
  }
}
.hero__post__wrapper .single__blog__post::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  transition: var(--transition);
}
.hero__post__wrapper .single__blog__post::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  transition: var(--transition);
  opacity: 0;
}
.hero__post__wrapper .single__blog__post:hover::after {
  opacity: 1;
}
.hero__post__wrapper .single__blog__post:hover::before {
  opacity: 1;
}
.hero__post__wrapper .single__blog__post__thumb {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .hero__post__wrapper .single__blog__post__thumb {
    max-height: 450px;
  }
}
.hero__post__wrapper .single__blog__post__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.hero__post__wrapper .single__blog__post__meta {
  z-index: 9;
  position: absolute;
  bottom: 0;
  padding: 30px 25px 30px 30px;
}
.hero__post__wrapper .single__blog__post__meta .cat__link {
  font-size: var(--p-xs);
  color: #fff;
  margin-bottom: 5px;
}
.hero__post__wrapper .single__blog__post__meta .single__blog__post__title h5,
.hero__post__wrapper .single__blog__post__meta .single__blog__post__title h4 {
  color: #fff;
}
.hero__post__wrapper .single__blog__post__meta .lumne__slider__content__meta {
  margin-bottom: 10px;
}
.hero__post__wrapper .single__blog__post__meta span,
.hero__post__wrapper .single__blog__post__meta p {
  color: #fff;
  max-width: 700px;
}
@media screen and (max-width: 1200px) {
  .hero__post__wrapper .single__blog__post:nth-child(1) {
    grid-column: 1;
  }
}
@media screen and (max-width: 1200px) {
  .hero__post__wrapper .single__blog__post:nth-child(2) {
    grid-column: 2;
  }
}
@media screen and (max-width: 1200px) {
  .hero__post__wrapper .single__blog__post:nth-child(3) {
    grid-column: 1/span 2;
  }
}
@media screen and (max-width: 576px) {
  .hero__post__wrapper .single__blog__post:nth-child(3) .single__blog__post__thumb {
    height: 600px;
  }
}

@media screen and (max-width: 576px) {
  .lumne__banner .banner__image img:has(.h-100) {
    height: 100%;
  }
}

/* ======== category css start =========== */
.cat__section__title h3 {
  font-size: 30px;
  line-height: 40px;
}

.blog__category {
  border: 1px solid var(--cat-border);
  padding: 16px 16px 25px 16px;
  text-align: center;
  border-radius: 10px;
  background-color: var(--lumne-white);
  transition: var(--transition);
}
.blog__category .blog__category__thumb {
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 25px;
}
.blog__category .blog__category__thumb img {
  transition: var(--transition);
}
.blog__category .blog__category__title {
  transition: var(--transition);
}
.blog__category:hover {
  box-shadow: 0px 20px 30px rgba(155, 155, 155, 0.1);
}
.blog__category:hover .blog__category__title {
  color: var(--lumne-main);
}
.blog__category:hover .blog__category__thumb img {
  transform: scale(1.05);
}

/* ------- Food Blog Template Category Start ------- */
.lumne__category__wrapper {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .lumne__category__wrapper {
    gap: 60px;
    justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .lumne__category__wrapper {
    gap: 30px;
    display: grid;
  }
}
.lumne__category__wrapper .single__category {
  text-align: center;
}
.lumne__category__wrapper .single__category__thumb {
  margin-bottom: 20px;
  display: block;
}
.lumne__category__wrapper .single__category__thumb img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-color: #d4dbf5;
  border: 6px solid var(--lumne-white);
  box-shadow: 0px 0px 10px rgba(66, 66, 66, 0.06);
}
.lumne__category__wrapper .single__category a h6 {
  transition: var(--transition);
  margin-bottom: 0;
}
.lumne__category__wrapper .single__category:hover a h6 {
  color: var(--lumne-main);
}

.lumne__category__header h2 {
  margin-bottom: 20px;
}
.lumne__category__header .post__count {
  background-color: var(--lumne-gray);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: var(--p-xs);
  color: var(--lumne-para);
}

/* ------- Author Page css ------- */
.lumne__author__box {
  display: flex;
  gap: 30px;
  align-items: center;
}
.lumne__author__box .author__image img {
  height: 158px;
  min-width: 158px;
  border-radius: 50%;
  object-fit: cover;
}
.lumne__author__box .author__content p {
  font-size: var(--p-sm);
  color: var(--lumne-para);
}
.lumne__author__box .author__content__meta span {
  font-size: var(--p-xs);
  line-height: 1;
  color: var(--lumne-para);
  display: inline-block;
  padding: 10px 15px;
  border-radius: 6px;
  background-color: var(--lumne-gray);
}

/* -------- 404 page css start ------- */
.lumne__404__wrapper {
  padding: 110px 0;
}
.lumne__404__wrapper p {
  max-width: 510px;
  color: var(--lumne-para);
  margin: 0 auto;
  margin-bottom: 40px;
  font-size: var(--p-sm);
}

/* ====== blog section start ====== */
 
.blog__post {
  border-radius: 10px;
  border: 1px solid var(--border);
  padding: 22px;
  transition: var(--transition);
  background-color: var(--lumne-white);
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .blog__post {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .blog__post {
    padding: 20px;
  }
}
.blog__post__thumb {
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 20px;
  position: relative;
}
.blog__post__thumb img {
  transition: var(--transition);
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 576px) {
  .blog__post__thumb img {
    height: 100%;
  }
}
.blog__post:hover .blog__post__thumb img {
  transform: scale(1.05);
}
.blog__post__cat {
  font-size: 14px;
  color: light-dark(var(--lumne-main), #d9d3d3);
  display: block;
}
.blog__post__title {
  max-width: 320px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .blog__post__title {
    max-width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog__post__title {
    max-width: 100%;
  }
}
.blog__post__title h6 {
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.blog__post__title h6:hover {
  background-position: 0% 100%;
}
.blog__post__content .blog__post__title h5 {
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.blog__post__content .blog__post__title h5:hover {
  background-position: 0% 100%;
}
.blog__post__content__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.blog__post__content__meta .author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog__post__content__meta .author img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.blog__post__content__meta .author a {
  color: var(--lumne-heading);
}
.blog__post__content__meta .published__time {
  color: var(--lumne-para);
  font-size: var(--p-sm);
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog__post__content__meta .published__time img {
  width: 14px;
  height: 14px;
}

/* ====== trending blog section end ====== */
.lumne__blog.if__business {
  border: 1px solid var(--border);
  padding: 30px 15px 30px 30px;
  border-radius: 10px;
  transition: var(--transition);
}
.lumne__blog.if__business:hover {
  background-color: light-dark(var(--lumne-white), #1c1c1c);
  border: 1px solid light-dark(var(--lumne-white), #1c1c1c);
}
.lumne__blog.if__business .lumne__blog__cat {
  margin-bottom: 2px;
}
.lumne__blog.if__business .lumne__blog__title {
  margin-bottom: 0;
} 
.blog__post.if__business, .blog__post.if__has__grid {
  display: flex;
  gap: 30px;
  align-items: center;
  color: var(--lumne-para);
  padding: 24px 22px;
}
@media screen and (max-width: 1200px) {
  .blog__post.if__business, .blog__post.if__has__grid {
    flex-wrap: wrap;
  }
}
.blog__post.if__business .blog__post__thumb, .blog__post.if__has__grid .blog__post__thumb {
  margin-bottom: 0;
  min-width: 375px;
  max-width: 100%;
  flex: 1;
}
@media screen and (max-width: 1200px) {
  .blog__post.if__business .blog__post__thumb, .blog__post.if__has__grid .blog__post__thumb {
    width: 100%;
    min-width: 100%;
  }
}
.blog__post.if__business .blog__post__title, .blog__post.if__has__grid .blog__post__title {
  max-width: 100%;
}
.blog__post.if__business .blog__post__title h4, .blog__post.if__has__grid .blog__post__title h4 {
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.blog__post.if__business .blog__post__title h4:hover, .blog__post.if__has__grid .blog__post__title h4:hover {
  background-position: 0% 100%;
}
.blog__post.if__business p, .blog__post.if__has__grid p {
  margin-top: 15px;
}
.blog__post.if__business .published__time, .blog__post.if__has__grid .published__time {
  font-size: var(--p-sm);
  font-weight: 500;
}

.lumne__blog__category {
  padding: 0 30px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.blog__cat__list ul {
  padding: 0;
  margin: 0;
}
.blog__cat__list ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.blog__cat__list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog__cat__list ul li:hover a::before {
  background-color: var(--lumne-main);
  border-color: var(--lumne-main);
}
.blog__cat__list ul li:hover a::after {
  opacity: 1;
}
.blog__cat__list ul li a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: var(--p-sm);
  line-height: 24px;
  color: var(--lumne-heading);
  position: relative;
  padding-left: 30px;
}
.blog__cat__list ul li a span {
  color: var(--lumne-para);
  font-size: var(--p-xs);
}
.blog__cat__list ul li a::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--checkbox);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
  margin-right: 20px;
  top: 4px;
  height: 15px;
  width: 15px;
  left: 0;
  transition: var(--transition);
}
.blog__cat__list ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  opacity: 0;
}

/* ------- blog style three start ------- */
.latest__post__wrapper.if__travel {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 1200px) {
  .latest__post__wrapper.if__travel {
    grid-template-columns: repeat(1, 1fr);
  }
}
.latest__post__wrapper.if__travel .blog__post p {
  color: var(--lumne-para);
  margin-top: 15px;
  margin-bottom: 0;
}
.latest__post__wrapper.if__travel .blog__post__thumb img {
  height: 100%;
}
.latest__post__wrapper.if__travel .blog__post__title h4 {
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.latest__post__wrapper.if__travel .blog__post__title h4:hover {
  background-position: 0% 100%;
}
.latest__post__wrapper.if__travel .blog__post .lumne__btn {
  padding: 8px 18px;
  font-size: var(--p-xs);
}
.latest__post__wrapper.if__travel .blog__post:nth-child(1),
.latest__post__wrapper.if__travel .blog__post:nth-child(2) {
  grid-column: 1/-1;
}
.latest__post__wrapper.if__travel .blog__post:nth-child(1) .blog__post__title,
.latest__post__wrapper.if__travel .blog__post:nth-child(2) .blog__post__title {
  max-width: 90%;
}
@media screen and (max-width: 1200px) {
  .latest__post__wrapper.if__travel .blog__post:nth-child(n+3) {
    grid-column: auto;
  }
}

/* ------- blog style three end ------- */
/* ------- Food Hero blog style start ------- */
.latest__post__wrapper.if__food__blog.if__in__hero {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* Three equal-width columns */
  gap: 20px;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__food__blog.if__in__hero {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__food__blog.if__in__hero {
    grid-template-columns: 1fr;
  }
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post {
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__title {
  max-width: 90%;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__title h6 {
  margin-bottom: 0;
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__title h6:hover {
  background-position: 0% 100%;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__content__meta {
  justify-content: start;
  margin-top: 10px;
  align-items: center;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__content__meta a {
  color: var(--lumne-para);
  position: relative;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post .blog__post__content__meta a::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -14px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  transition: var(--transition);
  background: var(--lumne-para);
  opacity: 0.3;
  z-index: 1;
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(1) {
  grid-column: 1;
  grid-row: 1/3;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(1) {
    grid-column: span 1;
    grid-row: auto;
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(1) {
    grid-column: span 1;
  }
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(2) {
  grid-column: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(2) {
    grid-column: span 1;
    grid-row: auto;
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(2) {
    grid-column: span 1;
  }
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(3) {
    grid-column: span 1;
    grid-row: auto;
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(3) {
    grid-column: span 1;
  }
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
  align-self: start;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(4) {
    grid-column: span 1;
    grid-row: auto;
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(4) {
    grid-column: span 1;
  }
}
.latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(3) .blog__post__thumb, .latest__post__wrapper.if__food__blog.if__in__hero .blog__post:nth-child(4) .blog__post__thumb {
  margin-bottom: 12px;
}

.lumne__blog.if__is__food .lumne__blog__thumb {
  margin-bottom: 15px;
}
.lumne__blog.if__is__food .lumne__blog__thumb img {
  width: 100%;
  object-fit: cover;
}
.lumne__blog.if__is__food .lumne__blog__content {
  position: relative;
  bottom: 0;
  margin: 0;
  padding: 0;
  max-width: 100%;
  background-color: transparent;
}
.lumne__blog.if__is__food .lumne__blog__content__meta {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
  color: var(--lumne-para);
}
.lumne__blog.if__is__food .lumne__blog__content__meta a {
  color: var(--lumne-para);
  position: relative;
}
.lumne__blog.if__is__food .lumne__blog__content__meta a::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -14px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  transition: var(--transition);
  background: var(--lumne-para);
  opacity: 0.3;
  z-index: 1;
}

/* Styling the specific grid items */
@media screen and (max-width: 1200px) {
  .lumne__blog__trending.if__food__blog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lumne__blog__trending.if__food__blog {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.lumne__blog__trending.if__food__blog .lumne__blog__cat {
  margin-bottom: 5px;
}
.lumne__blog__trending.if__food__blog .lumne__blog__title {
  font-size: var(--p-sm);
  color: var(--lumne-heading);
  font-weight: 500;
  line-height: 22px;
}

/* ------ minimal blog style  ------ */
.latest__post__wrapper.if__is__minimal {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}
.latest__post__wrapper.if__is__minimal .blog__post__thumb {
  position: relative;
}
.latest__post__wrapper.if__is__minimal .blog__post__thumb .blog__post__date {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: var(--lumne-primary);
  color: #fff;
  padding: 14px 15px;
  border-radius: 6px;
  max-width: 95px;
  text-align: center;
  font-weight: 500;
}
.latest__post__wrapper.if__is__minimal .blog__post__title {
  max-width: 100%;
  margin-bottom: 5px;
}
.latest__post__wrapper.if__is__minimal .blog__post__title h4 {
  font-weight: 500;
  display: inline;
  background-size: 201% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, currentColor), color-stop(50%, transparent));
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.latest__post__wrapper.if__is__minimal .blog__post__title h4:hover {
  background-position: 0% 100%;
}
.latest__post__wrapper.if__is__minimal p {
  color: var(--lumne-para);
  margin-top: 10px;
  margin-bottom: 0;
}
.latest__post__wrapper.if__is__minimal .lumne__btn {
  padding: 6px 18px;
  font-size: var(--p-xs);
}

/* ---- life style blog ---- */
.latest__post__wrapper.if__is__lifestyle {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .latest__post__wrapper.if__is__lifestyle {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__is__lifestyle {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .latest__post__wrapper.if__is__lifestyle .blog__post__title {
    max-width: 100%;
  }
}

/* ---- page breadcrumb ---- */
.lumne__breadcrumb__wrapper {
  padding: 36px 0;
}
.lumne__breadcrumb__wrapper .breadcrumb {
  margin-bottom: 0;
}
.lumne__breadcrumb__wrapper .breadcrumb-item a {
  color: var(--lumne-para);
}
.lumne__breadcrumb__wrapper .breadcrumb-item.active {
  color: light-dark(var(--lumne-primary), #d9d3d3);
}
.lumne__breadcrumb__wrapper .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: light-dark(var(--lumne-primary), #d9d3d3);
  content: var(--bs-breadcrumb-divider, ">");
  font-family: var(--inter);
}

.rts__full__breadcrumb {
  position: relative;
  height: 600px;
  padding: 40px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .rts__full__breadcrumb {
    height: 100%;
  }
}
.rts__full__breadcrumb.v4::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.rts__full__breadcrumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(263.22deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%);
}

.breadcrumb__top .breadcrumb-item {
  color: #fff;
}
.breadcrumb__top .breadcrumb-item a {
  color: #fff;
}
.breadcrumb__top .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, ">");
  font-family: var(--inter);
  color: #fff;
}

.full__breadcrumb {
  display: flex;
  position: relative;
  z-index: 9;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.full__breadcrumb.v4 {
  padding: 40px;
  display: block;
}
.full__breadcrumb.v4 .breadcrumb__top {
  position: relative;
  z-index: 1;
}
.full__breadcrumb.v4 .single__blog__post__meta {
  margin: 0 auto;
  padding-top: 150px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .full__breadcrumb.v4 .single__blog__post__meta {
    padding-top: 90px;
  }
}
.full__breadcrumb.v4 .single__blog__post__meta .lumne__slider__content__meta {
  justify-content: center;
}
.full__breadcrumb .single__blog__post__meta {
  padding-top: 220px;
  max-width: 770px;
}
@media screen and (max-width: 992px) {
  .full__breadcrumb .single__blog__post__meta {
    padding-top: 160px;
  }
}
@media screen and (max-width: 768px) {
  .full__breadcrumb .single__blog__post__meta {
    padding-top: 80px;
  }
}
.full__breadcrumb .single__blog__post__meta h2 {
  color: #fff;
  margin-bottom: 15px;
}
.full__breadcrumb .single__blog__post__meta p {
  color: #fff;
}

/* ---- Blog Details ---- */
.lumne__blog__details .cat__link {
  color: light-dark(var(--lumne-primary), #d9d3d3);
}
.lumne__blog__details__img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 40px;
}
.lumne__blog__details .subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.lumne__blog__details .lumne__description {
  color: var(--lumne-para);
}
.lumne__blog__details .thumb img {
  min-width: 285px;
  border-radius: 10px;
}
.lumne__blog__details .lumne__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.lumne__blog__details .lumne__list.grid__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media screen and (max-width: 992px) {
  .lumne__blog__details .lumne__list.grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .lumne__blog__details .lumne__list.grid__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.lumne__blog__details .lumne__list li {
  position: relative;
  display: block;
  padding-left: 25px;
  margin-bottom: 15px;
  color: var(--lumne-para);
}
.lumne__blog__details .lumne__list li::before {
  position: absolute;
  background-image: url(../img/icon/check-mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: -5px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.comment__single__box {
  border-top: 1px solid var(--border);
  margin-bottom: 30px;
  padding-top: 30px;
}
.comment__single__box:first-child {
  border-top: none;
  padding-top: 0;
}
.comment__single__box ul .comment__single__box {
  border-top: 1px solid var(--border);
  margin-bottom: 30px;
  padding-top: 30px;
}

.single__comment__author {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.single__comment__author .commentor__thumb img {
  border-radius: 50%;
}
.single__comment__author .commentor__meta p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--lumne-heading);
}
.single__comment__author .commentor__meta__info {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: var(--p-sm);
}
.single__comment__author .commentor__meta__info span {
  color: var(--lumne-para);
  border-right: 1px solid var(--lumne-para);
  padding-right: 10px;
  line-height: 1;
}
.single__comment__author .commentor__meta__info a {
  color: var(--lumne-primary);
}
.single__comment p {
  color: var(--lumne-para);
  font-size: var(--p-sm);
}

.rts__blockquote {
  padding: 80px 60px 40px 30px;
  border-radius: 10px;
  background-color: var(--lumne-gray);
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .rts__blockquote {
    padding: 60px 30px 30px 30px;
  }
}
.rts__blockquote .blockquote__text {
  position: relative;
  font-size: 24px;
  font-family: var(--inter);
  font-weight: 500;
  font-style: italic;
  line-height: 38px;
  color: var(--lumne-para);
}
@media screen and (max-width: 768px) {
  .rts__blockquote .blockquote__text {
    font-size: 20px;
    line-height: 32px;
  }
}
.rts__blockquote .blockquote__text::after {
  position: absolute;
  content: "";
  height: 30px;
  width: 35px;
  background-image: url("../img/icon/quote.svg");
  top: -45px;
  left: 0;
  background-repeat: no-repeat;
}

.comment__form {
  padding: 30px;
  border-radius: 10px;
  background-color: var(--lumne-gray);
}
@media screen and (max-width: 576px) {
  .comment__form {
    padding: 15px;
  }
}
.comment__form .input-group {
  flex-wrap: nowrap;
  gap: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .comment__form .input-group {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.comment__form .form-group {
  width: 100%;
}
.comment__form .form-group label {
  color: var(--lumne-heading);
  font-size: 18px;
  font-family: var(--inter);
  display: block;
  margin-bottom: 15px;
}
.comment__form .form-group input {
  padding: 11px 15px;
  border: 1px solid transparent;
  background-color: light-dark(var(--lumne-white), #1c1c1c);
  color: light-dark(var(--lumne-para), #fff);
}
.comment__form .form-group textarea {
  height: 100px;
  resize: none;
  border: 1px solid transparent;
  padding: 11px 15px;
  background-color: light-dark(var(--lumne-white), #1c1c1c);
  color: light-dark(var(--lumne-para), #fff);
}
.comment__form .form-group:focus-within input,
.comment__form .form-group:focus-within textarea {
  border: 1px solid var(--lumne-main);
}
.comment__form .fill {
  padding: 12px 35px;
  font-family: var(--inter);
}

.lumne__blog__details.v3 .single__blog__post__title {
  max-width: 620px;
}
.lumne__blog__details.v3 .single__blog__post__meta span {
  color: var(--lumne-para);
}
.lumne__blog__details.v3 .single__blog__post__meta a {
  color: var(--lumne-para);
}
.lumne__blog__details.v3 .single__blog__post__meta a::before {
  background: var(--lumne-para);
}

.grid__thumbnail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .grid__thumbnail {
    grid-template-columns: 1fr;
  }
}
.grid__thumbnail .thumb__small {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
.grid__thumbnail img {
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .grid__thumbnail img {
    width: 100%;
    object-fit: cover;
  }
}

.gallery__thumb {
  margin-bottom: 30px;
}
.gallery__thumb span {
  border: 1px solid var(--border);
  border-radius: 25px;
  padding: 8px 25px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 30px;
  font-size: var(--p-sm);
  background-color: var(--lumne-gray);
}
.gallery__thumb img {
  border-radius: 10px;
  object-fit: cover;
}

/* ------- standard blog page style -----*/
/* ------ blog post gallery ------ */
.blog__post.post__gallery .blog__post__thumb {
  max-width: 100%;
}
.blog__post.post__video .blog__post__thumb .video__icon {
  position: absolute;
  top: 10%;
  left: 5%;
  transform: translate(-10%, -5%);
  padding: 5px 10px;
  background: var(--lumne-primary);
  border-radius: 50%;
}
.blog__post.post__video .blog__post__thumb .video__icon img {
  height: 20px;
  width: 20px;
  filter: invert(1);
}
.blog__post.post__video .blog__post__thumb .video__icon svg {
  height: 20px;
  width: 20px;
}
.blog__post.post__video .blog__post__thumb .video__icon svg path {
  fill: #fff;
}
.blog__post.post__reel .blog__post__thumb .reel__icon {
  position: absolute;
  top: 10%;
  left: 5%;
  transform: translate(-10%, -5%);
  padding: 5px 10px;
  background: var(--lumne-primary);
  border-radius: 50%;
}
.blog__post.post__reel .blog__post__thumb .reel__icon img {
  height: 20px;
  width: 20px;
  filter: invert(1);
}
.blog__post.post__reel .blog__post__thumb .reel__icon svg {
  height: 20px;
  width: 20px;
}
.blog__post.post__reel .blog__post__thumb .reel__icon svg path {
  fill: #fff;
}

.lumne__post__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  display: flex;
  z-index: 9;
  justify-content: space-between;
}
.lumne__post__control .lumne__slide__btn {
  border: 1px solid var(--border);
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.7019607843);
  transition: var(--transition);
}
.lumne__post__control .lumne__slide__btn:hover {
  background-color: var(--lumne-main);
}
.lumne__post__control .lumne__slide__btn svg path {
  fill: #fff;
}
.lumne__post__control .lumne__slide__btn svg path {
  stroke: #fff;
}

.lumne__dots .swiper-pagination-bullet {
  width: 25px;
  height: 3px;
  background-color: var(--lumne-para);
  border-radius: 4px;
  transition: var(--transition);
}
.lumne__dots .swiper-pagination-bullet-active {
  background-color: var(--lumne-main);
  opacity: 1;
  width: 40px;
}

/* ------ coming soon ------- */
.lumne__coming__soon {
  padding: 135px 0;
  height: 100%;
  width: 100%;
}
.lumne__coming__soon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

.lumne__coming__content {
  text-align: center;
  padding: 70px;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .lumne__coming__content {
    padding: 20px;
  }
}
.lumne__coming__content .lumne__logo {
  margin: 0 auto;
  display: inline-block;
  margin-bottom: 20px;
}
.lumne__coming__content .lumne__coming__title {
  color: #fff;
  margin-bottom: 20px;
}

.lumne__coming__timer {
  margin-top: 50px;
  padding: 50px 45px;
  border-radius: 16px;
  background-color: var(--lumne-main);
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  justify-content: center;
}
.lumne__coming__timer .flipdown {
  height: auto;
  width: 100%;
  margin: 0 auto;
}
.lumne__coming__timer .flipdown .rotor-top {
  line-height: 110px;
}
.lumne__coming__timer .flipdown .rotor {
  width: 90px;
  height: 110px;
  font-size: 5rem;
}
.lumne__coming__timer .flipdown .rotor:after {
  width: 90px;
  height: 55px;
}
.lumne__coming__timer .flipdown .rotor-group-heading:before {
  margin-bottom: 15px;
  color: #fff !important;
}
.lumne__coming__timer .flipdown .rotor-leaf {
  width: 90px;
  height: 110px;
}
.lumne__coming__timer .flipdown .rotor-leaf-front, .lumne__coming__timer .flipdown .rotor-leaf-rear {
  width: 90px;
  height: 55px;
}
.lumne__coming__timer .flipdown .rotor-leaf-front {
  line-height: 110px;
}
.lumne__coming__timer .flipdown .rotor-top, .lumne__coming__timer .flipdown .rotor-bottom {
  width: 90px;
  height: 55px;
}

.lumne__coming__social {
  margin: 0 auto;
  display: inline-block;
}
.lumne__coming__social .lumne__social a img {
  height: 30px;
  width: 30px;
}
.lumne__coming__social .lumne__social a svg {
  height: 30px;
  width: 30px;
}
.lumne__coming__social .lumne__social a:hover svg path {
  fill: #fff;
}

/* ==== sidebar css start ==== */
.lumne__sidebar {
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0px 20px 40px rgba(131, 131, 131, 0.1);
  position: sticky;
  top: 25px;
}
@media screen and (max-width: 992px) {
  .lumne__sidebar {
    margin-top: 40px;
  }
}
.lumne__sidebar__bio {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border);
  padding: 30px;
}
.lumne__sidebar__bio .description {
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--lumne-para);
}

.lumne__blog__trending.if__sidebar {
  padding: 0 30px;
}
.lumne__blog__trending.if__sidebar .lumne__blog__thumb {
  min-height: 105px;
  max-height: 100%;
}
@media screen and (max-width: 576px) {
  .lumne__blog__trending.if__sidebar .lumne__blog__thumb {
    width: 100%;
  }
}
.lumne__blog__trending.if__sidebar h6 {
  margin-bottom: 0;
}
.lumne__blog__trending.if__sidebar .lumne__blog__content h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: var(--roboto);
}
.lumne__blog__trending.if__sidebar .lumne__blog__content .published__time {
  margin-top: 10px;
  color: var(--lumne-para);
  font-size: var(--p-sm);
  display: flex;
  align-items: center;
  gap: 5px;
}
.lumne__blog__trending.if__sidebar .lumne__blog__content .published__time img {
  width: 14px;
  height: 14px;
}

.lumne__tag {
  padding: 0 30px;
  margin-top: 30px;
  border-top: 1px solid var(--border);
  padding-top: 30px;
}
.lumne__tag ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.lumne__tag ul li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
}
.lumne__tag ul li a {
  padding: 8px 10px;
  border-radius: 6px;
  background-color: var(--lumne-gray);
  color: var(--lumne-para);
  line-height: 1;
  font-size: 14px;
}

.lumne__sidebar__newsletter {
  padding: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--border);
}
.lumne__sidebar__newsletter .sidebar__newsletter {
  width: 100%;
  position: relative;
}
.lumne__sidebar__newsletter .sidebar__newsletter input {
  width: 100%;
  background-color: var(--lumne-gray);
  padding: 15px 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1;
  outline: none;
  color: var(--lumne-para);
}
.lumne__sidebar__newsletter .sidebar__newsletter input::placeholder {
  color: var(--lumne-para);
}
.lumne__sidebar__newsletter .sidebar__newsletter input:focus, .lumne__sidebar__newsletter .sidebar__newsletter input:focus-visible {
  border-color: var(--lumne-main);
}
.lumne__sidebar__newsletter .sidebar__newsletter .lumne__submit {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: light-dark(var(--lumne-white), #1a1a1a);
  padding: 5px 15px;
  font-size: var(--p-xs);
}

.lumne__ads__banner {
  margin-top: 40px;
  position: relative;
}
.lumne__ads__banner__thumb {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.lumne__ads__banner__thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 10px;
  transition: var(--transition);
}
.lumne__ads__banner__thumb img {
  border-radius: 10px;
  transition: var(--transition);
  width: 100%;
  object-fit: cover;
}
.lumne__ads__banner__content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 9;
}
.lumne__ads__banner__content h4 {
  color: var(--lumne-white);
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .lumne__ads__banner__content h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
.lumne__ads__banner__content .ads__product__link {
  color: light-dark(var(--lumne-main), #fff);
}

.lumne__sidebar__bio.if__is__travel, .lumne__sidebar__bio.if__has__bg {
  background-color: var(--lumne-gray);
  border-radius: 10px 10px 0 0;
  border-color: transparent;
}

[data-theme=dark] .lumne__sidebar {
  box-shadow: none;
}

.lumne__story {
  height: 100vh;
  max-width: 370px;
  margin: 0 auto;
}

.lumne__story__card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.single__story__card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.single__story__card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.single__story__card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  border-radius: 10px;
  color: #fff;
  z-index: 1;
}
.single__story__card__content p {
  font-size: var(--p-sm);
}

#background-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: var(--transition);
  filter: blur(200px);
}

.story__control {
  position: absolute;
  top: 50%;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  width: 130%;
  left: -15%;
  transform: translate(0, -50%);
}
.story__control .control__btn {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2901960784);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
}

.lumne__story__card .swiper-slide-active .single__story__card__thumb img {
  animation: zoom 10s linear infinite;
}

.story__progress {
  display: flex;
  gap: 5px;
  padding: 10px 0;
}

.progress__bar {
  flex: 1;
  background: rgba(255, 255, 255, 0.2);
  height: 4px;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
}

.fill {
  height: 100%;
  width: 0;
  background: #fff; /* Change color to fit your design */
  transition: width 0.3s linear;
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.popup__modal .modal-dialog {
  max-width: 767px;
}
@media screen and (max-width: 768px) {
  .popup__modal .modal-dialog {
    max-width: calc(100% - 40px);
    margin: 0 auto;
  }
}

.lumne__subscription {
  width: 100%;
  margin: 0 auto;
  background: var(--lumne-gray);
  padding: 60px 50px;
  text-align: center;
  box-shadow: 0px 20px 30px rgba(155, 155, 155, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  z-index: 1024;
}
@media screen and (max-width: 768px) {
  .lumne__subscription {
    padding: 40px 30px;
  }
}
.lumne__subscription__header {
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .lumne__subscription__header {
    margin-bottom: 0;
  }
}
.lumne__subscription__header__left {
  display: inline-block;
}
.lumne__subscription__header__right {
  display: inline-block;
}
.lumne__subscription__header__right img {
  filter: light-dark(invert(0), invert(1));
}
.lumne__subscription__header__right svg polygon {
  fill: light-dark(var(--lumne-heading), #fff);
}

.lumne__subscription__form {
  margin-top: 40px;
}
.lumne__subscription__form span {
  font-size: var(--p-xs);
  display: inline-block;
  margin-top: 10px;
}
.lumne__subscription__form .popup__newsletter {
  max-width: 75%;
  position: relative;
  margin: 0 auto;
}
.lumne__subscription__form .popup__newsletter input {
  width: 100%;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 6px;
  line-height: 1;
  color: var(--lumne-para);
  font-size: var(--p-sm);
}
.lumne__subscription__form .popup__newsletter .lumne__btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 8px 16px;
}

button.trigger-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

body.modal-open {
  padding-right: 0 !important;
}

.applicant__list {
  display: flex;
  margin-right: 15px;
  flex-wrap: wrap;
}

.applicant__list .single__list {
  margin-right: -15px;
  position: relative;
}

.applicant__list .single__list img {
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 5px solid light-dark(var(--lumne-white), #1c1c1c);
}

.applicant__list .single__list .icon-plus {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background-color: rgba(85, 60, 223, 0.6);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 20px;
  border: 5px solid light-dark(var(--lumne-white), #1c1c1c);
}

/* gdpr cookies */
.gdprcookie {
  position: fixed;
  color: var(--lumne-heading);
  font-size: 0.8em;
  line-height: 1.5em;
  left: 1.5rem;
  bottom: 1.5rem;
  max-width: 25em;
  padding: 30px 20px;
  background: var(--lumne-gray);
  z-index: 99999;
}

.gdprcookie h2 {
  color: var(--rts-white);
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.gdprcookie-intro\/ p {
  margin-bottom: 20px;
  line-height: 24px;
  font-size: var(--p-sm);
}

.gdprcookie-buttons\/ button {
  display: inline-block;
  border: 0;
  margin-right: 12px;
  padding: 10px 15px;
  line-height: 1;
  background-color: var(--lumne-main);
  color: #fff;
  font-size: var(--p-xs);
}

.gdprcookie-types\/ h3 {
  color: var(--lumne-heading);
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 10;
}

.gdprcookie-types\/ ul {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin-bottom: 20px;
}

.gdprcookie-types\/ ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

/* ======= footer ======== */
.lumne__footer__bg.if__index__one {
  background-color: var(--lumne-gray);
  padding: 40px 0;
}

.lumne__footer__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .lumne__footer__wrapper {
    justify-content: center;
  }
}
.lumne__footer__wrapper .footer__copyright p {
  color: var(--lumne-para);
}

.if__index__four .lumne__footer__wrapper {
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}

/* main blog Footer Newsletter */
.lumne__footer__wrapper.if__is__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding-top: 40px;
}
@media screen and (max-width: 1200px) {
  .lumne__footer__wrapper.if__is__grid {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  .lumne__footer__wrapper.if__is__grid .footer__menu {
    display: flex;
    justify-content: center;
  }
}
.lumne__footer__wrapper.if__is__grid .footer__logo {
  display: flex;
  justify-content: center;
}
.lumne__footer__wrapper.if__is__grid .footer__social {
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 1200px) {
  .lumne__footer__wrapper.if__is__grid .footer__social {
    justify-content: center;
  }
}

.lumne__footer__newsletter .footer__newsletter {
  position: relative;
  max-width: 565px;
  margin: 0 auto;
}
.lumne__footer__newsletter .footer__newsletter input {
  border: 0;
  outline: none;
  width: 100%;
  padding: 16px 20px;
  border-radius: 6px;
  font-size: var(--p-sm);
  color: var(--lumne-para);
  border: 1px solid var(--border);
  background-color: var(--lumne-white);
}
.lumne__footer__newsletter .footer__newsletter input::placeholder {
  color: var(--lumne-para);
}
.lumne__footer__newsletter .footer__newsletter input:focus, .lumne__footer__newsletter .footer__newsletter input:focus-visible {
  border-color: var(--lumne-main);
}
.lumne__footer__newsletter .footer__newsletter .lumne__btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
}

.lumne__newsletter__background {
  background-color: var(--lumne-gray);
  padding: 60px 15px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .lumne__newsletter__background {
    margin-top: 40px;
  }
}
.lumne__newsletter__background .lumne__newsletter__shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}
@media screen and (max-width: 992px) {
  .lumne__newsletter__background .lumne__newsletter__shape {
    display: none;
  }
}
.lumne__newsletter__background .lumne__newsletter__shape .shape__one {
  max-width: max-content;
}
@media screen and (max-width: 1200px) {
  .lumne__newsletter__background .lumne__newsletter__shape .shape__one {
    position: absolute;
    left: -50px;
    top: -50px;
  }
}
.lumne__newsletter__background .lumne__newsletter__shape .shape__two {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  max-width: max-content;
}
@media screen and (max-width: 1200px) {
  .lumne__newsletter__background .lumne__newsletter__shape .shape__two {
    position: absolute;
    right: -50px;
    bottom: 5%;
    transform: translate(0, -50%);
  }
}

[data-theme=dark] .theme__light {
  display: none;
}
[data-theme=dark] .theme__dark {
  display: block;
}
[data-theme=dark] .footer__newsletter input {
  background-color: #1c1c1c;
}
[data-theme=dark] .lumne__newsletter__shape {
  opacity: 0.2;
}

[data-theme=light] .theme__light {
  display: block;
}
[data-theme=light] .theme__dark {
  display: none;
}

.footer__menu ul li {
  display: block;
}
.footer__menu ul li a {
  transition: var(--transition);
  display: block;
}
.footer__menu ul li a:hover {
  color: var(--lumne-main);
}
@media screen and (max-width: 1400px) {
  .footer__menu ul li a {
    font-size: var(--p-sm);
  }
}

.navigation__menu {
  max-width: 1300px;
}
.navigation__menu ul {
  display: flex;
  width: max-content;
  padding: 0;
  margin: 0;
}
.navigation__menu--item {
  position: relative;
  margin: 0 14px;
}
@media screen and (max-width: 1400px) {
  .navigation__menu--item {
    margin: 0 25px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
  .navigation__menu--item {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1200px) {
  .navigation__menu--item {
    margin: 0 6px;
  }
}
.navigation__menu--item:last-child {
  margin-right: 0;
}
.navigation__menu--item:last-child::after {
  display: none;
}
.navigation__menu--item:first-child {
  margin-left: 0;
}
.navigation__menu--item:hover > a {
  color: var(--lumne-main) !important;
}
.navigation__menu--item:hover > a span {
  transform: rotate(180deg);
  top: 2px;
}
.navigation__menu--item__link {
  position: relative;
  font-size: 16px;
  text-transform: capitalize;
  padding: 45px 0;
  line-height: 1;
  font-weight: 400;
  display: inline-flex;
  gap: 4px;
  color: var(--lumne-heading);
  transition: padding 0.3s ease;
  transition: var(--transition);
}
.navigation__menu--item__link span {
  transition: var(--transition);
  position: relative;
  right: -2px;
}
.navigation__menu--item.has-child:hover ul.submenu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.navigation__menu--item.has-child:hover ul.submenu li.has-child:hover ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.navigation__menu--item.has-arrow {
  position: relative;
}
.navigation__menu--item.mega__menu {
  position: static;
}
.navigation__menu--item ul.submenu,
.navigation__menu--item .sub__style {
  position: absolute;
  top: 100%;
  min-width: 230px;
  background: var(--lumne-white);
  z-index: 1024;
  display: inline-block;
  opacity: 0;
  padding: 20px 0 30px 0;
  transform: scaleY(0);
  transform-origin: top center;
  visibility: hidden;
  transition: var(--transition);
  left: 0;
  box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
}
.navigation__menu--item ul.submenu li,
.navigation__menu--item .sub__style li {
  position: relative;
  display: block;
  padding: 0 30px;
}
.navigation__menu--item ul.submenu li:last-child,
.navigation__menu--item .sub__style li:last-child {
  margin-bottom: 0;
}
.navigation__menu--item ul.submenu li:hover > a,
.navigation__menu--item .sub__style li:hover > a {
  color: var(--lumne-heading);
  transition: var(--transition);
}
.navigation__menu--item ul.submenu li:hover > a::before,
.navigation__menu--item .sub__style li:hover > a::before {
  width: 80%;
}
.navigation__menu--item ul.submenu li:not(:last-child),
.navigation__menu--item .sub__style li:not(:last-child) {
  margin: 0 0 10px;
}
.navigation__menu--item ul.submenu li.has-arrow,
.navigation__menu--item .sub__style li.has-arrow {
  position: relative;
}
.navigation__menu--item ul.submenu li a,
.navigation__menu--item .sub__style li a {
  padding: 0;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 400;
  position: relative;
  color: var(--lumne-heading);
}
.navigation__menu--item ul.submenu li a::before,
.navigation__menu--item .sub__style li a::before {
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--lumne-heading);
  transition: var(--transition);
}
.navigation__menu--item ul.submenu li a:hover::before,
.navigation__menu--item .sub__style li a:hover::before {
  width: 100%;
}
.navigation__menu--item ul.submenu li ul,
.navigation__menu--item .sub__style li ul {
  top: 0;
  position: absolute;
  left: 100%;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  transition: var(--transition);
}

[data-theme=dark] .navigation__menu--item.has-arrow::before {
  color: var(--lumne-para);
}

.navigation__menu--item.has-child .has__mega__menu {
  position: absolute;
  width: 100%;
  background-color: var(--lumne-white);
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 1024;
  top: 100%;
  left: 0;
  border-radius: 0 0 10px 10px;
  transform-origin: top;
  box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 1400px) {
  .navigation__menu--item.has-child .has__mega__menu {
    width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .navigation__menu--item.has-child .has__mega__menu {
    width: 991px;
  }
}
.navigation__menu--item.has-child .has__mega__menu .menu__item {
  text-align: center;
  overflow: hidden;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item a {
  display: block;
  overflow: hidden;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item a img {
  border-radius: 4px;
  width: 100%;
  transition: var(--transition);
}
.navigation__menu--item.has-child .has__mega__menu .menu__item a span {
  margin-top: 10px;
  color: var(--lumne-heading);
  transition: var(--transition);
  font-size: var(--p-xs);
  position: relative;
  display: inline-block;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item a span::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 5px;
  width: 0;
  height: 1px;
  background: var(--lumne-heading);
  transition: var(--transition);
}
.navigation__menu--item.has-child .has__mega__menu .menu__item:hover span::before {
  width: 100%;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu {
  text-align: left;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu span {
  display: block;
  margin-bottom: 15px;
  position: relative;
  color: light-dark(var(--lumne-heading), #fff);
  text-transform: capitalize;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul {
  flex-direction: column;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul li {
  display: inline-block;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul li a {
  font-size: var(--p-sm);
  color: var(--lumne-para);
  position: relative;
  display: inline-block;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: var(--transition);
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__menu ul li a:hover::before {
  width: 100%;
}
.navigation__menu--item.has-child .has__mega__menu .menu__item.has__image img {
  height: 100%;
}
.navigation__menu--item.has-child:hover .has__mega__menu {
  opacity: 1;
  visibility: visible;
  transform: perspective(300px) rotateX(0deg);
}

[data-theme=dark] .navigation__menu--item:hover > a {
  color: #fff !important;
}

/* -------- color scheme home one -------- */
/* -------- color scheme home two -------- */
/* -------- color scheme home three -------- */
.scheme__three {
  --lumne-primary: #FF621F;
  --lumne-main: #FF621F;
}
.scheme__three .button::before {
  background: var(--lumne-primary);
}

/* -------- color scheme home four -------- */
/* -------- color scheme home five -------- */
/* -------- color scheme home six -------- */
/* -------- color scheme home seven -------- */
/* -------- color scheme home ten -------- */
.scheme__black {
  --lumne-primary: #1D1D1F;
  --lumne-main: #1D1D1F;
}
.scheme__black .button::before {
  background: var(--lumne-primary);
}

[data-theme=dark] .scheme__black .button::before {
  background: #3858F6;
}
[data-theme=dark] .scheme__black .lumne__btn::before {
  background: #3858F6;
}

[data-theme=light] .mod__switcher .light {
  display: block;
  transition: var(--transition);
}
[data-theme=light] .mod__switcher .dark {
  display: none;
  transition: var(--transition);
}

[data-theme=dark] button svg path[stroke] {
  stroke: var(--lumne-heading);
}
[data-theme=dark] button svg path[fill] {
  fill: var(--lumne-heading);
}
[data-theme=dark] .mod__switcher svg path {
  fill: #fff;
}
[data-theme=dark] .mod__switcher .light {
  display: none;
  transition: var(--transition);
}
[data-theme=dark] .mod__switcher .dark {
  display: block;
  transition: var(--transition);
}

.lumne__btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: var(--lumne-heading);
  border: 0;
  background: var(--lumne-gray);
  border-radius: 6px;
  transition: var(--transition);
  padding: 12px 18px;
  font-family: var(--roboto);
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .lumne__btn {
    padding: 8px 14px;
    font-size: var(--p-xs);
  }
}
.lumne__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: var(--lumne-main);
  transition: var(--transition);
  transform: translate3d(0, 105%, 0);
  z-index: -1;
}
.lumne__btn:hover {
  color: var(--lumne-white);
}
.lumne__btn:hover::before {
  transform: translate3d(0, 0, 0);
}
.lumne__btn.lumne__active {
  color: var(--lumne-white);
}
.lumne__btn.lumne__active::before {
  transform: translate3d(0, 0, 0);
}

[data-theme=dark] .lumne__btn {
  background-color: #292929;
}
[data-theme=dark] .lumne__btn:hover {
  color: #fff;
}
[data-theme=dark] .lumne__btn::before {
  background: var(--lumne-main);
}
[data-theme=dark] .lumne__btn.lumne__active {
  color: #fff;
}

@keyframes MoveScaleUpInitial {
  to {
    transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
    opacity: 0;
  }
}
@keyframes MoveScaleUpEnd {
  from {
    transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rts__back__top {
  background: var(--lumne-main);
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  border-radius: 25px;
  display: none;
  text-align: center;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
  transition: var(--transition);
  border: 0;
}

.rts__back__top.show {
  display: block;
  bottom: 30px;
  opacity: 1;
}
.rts__back__top.show svg path [fill] {
  fill: #fff !important;
} 

  h1.brand-logo
{
  font-size: calc(1.275rem + .3vw);
}


@media screen and (max-width: 768px) {
  h1.brand-logo{
    font-size: 18px;
  }
}