@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

:root {
  --font-primary: "Jost", sans-serif;
  --theme-clr: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --theme-bg: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --icon-clr: #7d1fa5;
  --themev2-clr: linear-gradient(277.01deg, #55c1af 6.65%, #048771 94.53%);
  --themev2-bg: linear-gradient(277.01deg, #55c1af 6.65%, #048771 94.53%);
  --icon-clr-2: #048771;
  --themev3-clr: linear-gradient(270deg, #5509d6 0%, #5e0086 100%);
  --themev3-bg: linear-gradient(270deg, #5509d6 0%, #5e0086 100%);
  --icon-clr-3: #5e0086;
  --themev4-clr: #6d9891;
  --themev4-bg: #6d9891;
}

:root {
  --black-bold: 900;
  --extra-bold: 800;
  --bold: 700;
  --semi-bold: 600;
  --medium: 500;
  --light: 300;
  --regular: 400;
}

:root {
  --white: #fff;
  --bg-white: #fff;
  --txt-white: #fff;
  --black: #000000;
  --black-1: rgba(0, 0, 0, 0.1);
  --black-06: rgba(0, 0, 0, 0.06);
  --bg-black: #000000;
  --txt-black: #000000;
  --title-clr: #19242b;
  --title-bg: #19242b;
  --paragraph-clr: #fff;
  --paragraph-bg: #fff;
  --menu-sdw: rgba(0, 0, 0, 0.07);
  --menu-border: rgba(25, 36, 43, 0.2);
  --cretors-item-bg: rgba(255, 255, 255, 0.1);
  --cretors-bg: linear-gradient(270deg,
      rgba(109, 25, 252, 0.03) 0%,
      rgba(125, 31, 165, 0.03) 100%);
  --hdr-button-bg: rgba(36, 136, 255, 0.15);
  --hdr-scroll-bg: rgba(64, 73, 78, 0.15);
  --wallet-bg: rgba(63, 114, 175, 0.07);
  --tealish-blue: #131c2b;
  --border-clr: #e9e9e9;
  --catskill-white: #f1f4f9;
  --heart-clr: #ea5455;
  --heart2-clr: #e14040;
  --white-25: rgba(255, 255, 255, 0.25);
  --white-1: rgba(255, 255, 255, 0.1);
  --white-01: rgba(255, 255, 255, 0.01);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-03: rgba(255, 255, 255, 0.03);
  --white-05: rgba(255, 255, 255, 0.05);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-07: rgba(255, 255, 255, 0.07);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-15: rgba(255, 255, 255, 0.15);
  --duration-bg: rgba(25, 36, 43, 0.01);
  --durationv2-bg: rgba(25, 36, 43, 0.15);
  --crd-vdeo-overlay: linear-gradient(0deg,
      #19242b 0%,
      rgba(25, 36, 43, 0) 100%);
  --pcv3-overlay: linear-gradient(0deg, #19242b 0%, rgba(25, 36, 43, 0) 100%);
  --auctionv2-hbr-bg: #12263e;
  --greyish-teal: #6d9891;
  --dawn-pink: #eeeae6;
  --big-blog-bg: linear-gradient(180deg, rgba(25, 36, 43, 0) 0%, #19242b 100%);
  --top-sale-bdr: rgba(25, 36, 43, 0.3);
  --tmnl-icon-bg: rgba(64, 73, 78, 0.1);
  --tmnl-bg: #182c42;
  --macaw-blue: #56c2af;
  --snow-bg: #f9f9f9;
  --snow-txt: #f9f9f9;
  --magnolia: #f8f4fc;
  --green: #04a13a;
  --red: #a10404;
  --blue-chalk: #e5edfa;
  --flat-blue: rgba(63, 114, 175, 0.07);
  --help-overlay: linear-gradient(322.98deg,
      rgba(109, 25, 252, 0.1) -2.82%,
      rgba(255, 255, 255, 0) 97.64%);
  --range-slider-bg: #eee0f9;
  --blog-overlay: linear-gradient(0deg,
      rgba(25, 36, 43, 0) 24.62%,
      rgba(25, 36, 43, 0.427437) 56.84%,
      #19242b 100%);
  --profile-banner: linear-gradient(-90deg,
      rgba(25, 36, 43, 0) 24.62%,
      rgba(25, 36, 43, 0.427437) 56.84%,
      #19242b 100%);
  --edit-profile: linear-gradient(180deg,
      rgba(25, 36, 43, 0) 24.62%,
      rgba(25, 36, 43, 0.427437) 56.84%,
      #19242b 100%);
  --ellips: linear-gradient(267.36deg, #ff003d -18.61%, #2400ff 97.03%);
  --midnight: #091c2d;
  --fantasy: #fbf3ea;
  --title-1: rgba(25, 36, 43, 0.1);
  --white-rock: #efe4d9;
  --logo-gradient-top: #6d19fc;
  --logo-gradient-bottom: #7d1fa5;
  --black-pearl: rgba(4, 20, 30, 0.3);
  --sale-card: linear-gradient(323.82deg,
      rgba(118, 28, 206, 0.2) 0%,
      rgba(255, 255, 255, 0) 64.54%);
  --black-gradient: linear-gradient(61.24deg, #0c1423 -0.61%, #122841 100.55%);
  --elephant: #182b41;
  --mirage: rgba(15, 29, 49, 0.8);
  --hv3-creator-overlay: linear-gradient(61.24deg,
      rgba(12, 20, 35, 0.7) -0.61%,
      rgba(18, 40, 65, 0.7) 100.55%);
  --hv4-menu-bg: linear-gradient(90deg,
      #f1f4f9 0%,
      rgba(241, 244, 249, 0) 100%);
  --gamboge: #ee9715;
  --greyish-teal: #6d9891;
  --gradient-01: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --gradient-02: linear-gradient(277.01deg, #55c1af 6.65%, #048771 94.53%);
  --gradient-03: linear-gradient(270deg, #5509d6 0%, #5e0086 100%);
}

[data-theme="gradientPurl"] {
  --themev2-clr: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --themev2-bg: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --icon-clr-2: #7d1fa5;
}

[data-theme="gradientViolet"] {
  --theme-clr: linear-gradient(277.01deg, #55c1af 6.65%, #048771 94.53%);
  --theme-bg: linear-gradient(277.01deg, #55c1af 6.65%, #048771 94.53%);
  --icon-clr: #048771;
  --logo-gradient-top: #048771;
  --logo-gradient-bottom: #55c1af;
  --help-overlay: linear-gradient(322.98deg,
      rgba(85, 193, 175, 0.1) -2.82%,
      rgba(255, 255, 255, 0) 97.64%);
  --magnolia: #b5e0d94f;
  --sale-card: linear-gradient(323.82deg,
      rgba(85, 193, 175, 0.1) 0%,
      rgba(255, 255, 255, 0) 64.54%);
}

[data-theme="gradientdark"] {
  --theme-clr: linear-gradient(270deg, #5509d6 0%, #5e0086 100%);
  --theme-bg: linear-gradient(270deg, #5509d6 0%, #5e0086 100%);
  --icon-clr: #5e0086;
  --logo-gradient-top: #5e0086;
  --logo-gradient-bottom: #5e0086;
  --themev2-clr: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --themev2-bg: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
  --icon-clr-2: #7d1fa5;
  --help-overlay: linear-gradient(322.98deg,
      rgba(109, 25, 252, 0.5) -2.82%,
      rgba(255, 255, 255, 0) 97.64%);
}

[data-theme="themeGamboge"] {
  --theme-clr: linear-gradient(270deg, #ee9715 0%, #ee9715 100%);
  --theme-bg: linear-gradient(270deg, #ee9715 0%, #ee9715 100%);
  --icon-clr: #ee9715;
  --logo-gradient-top: #ee9715;
  --logo-gradient-bottom: #ee9715;
  --themev2-clr: linear-gradient(270deg, #ee9715 0%, #ee9715 100%);
  --themev2-bg: linear-gradient(270deg, #ee9715 0%, #ee9715 100%);
  --icon-clr-2: #ee9715;
  --help-overlay: linear-gradient(322.98deg,
      rgba(238, 151, 21, 0.1) -2.82%,
      rgba(255, 255, 255, 0) 97.64%);
  --magnolia: #eccd9e36;
  --sale-card: linear-gradient(323.82deg,
      rgba(238, 151, 21, 0.1) 0%,
      rgba(255, 255, 255, 0) 64.54%);
}

[data-theme="themeGreyish"] {
  --theme-clr: linear-gradient(270deg, #6d9891 0%, #6d9891 100%);
  --theme-bg: linear-gradient(270deg, #6d9891 0%, #6d9891 100%);
  --icon-clr: #6d9891;
  --logo-gradient-top: #6d9891;
  --logo-gradient-bottom: #6d9891;
  --themev2-clr: linear-gradient(270deg, #6d9891 0%, #6d9891 100%);
  --themev2-bg: linear-gradient(270deg, #6d9891 0%, #6d9891 100%);
  --icon-clr-2: #6d9891;
  --help-overlay: linear-gradient(322.98deg,
      rgba(109, 152, 145, 0.5) -2.82%,
      rgba(255, 255, 255, 0) 97.64%);
  --magnolia: #0a544618;
  --magnolia: #eccd9e36;
  --sale-card: linear-gradient(323.82deg,
      rgba(109, 152, 145, 0.5) 0%,
      rgba(255, 255, 255, 0) 64.54%);
}

:root {
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
  --text-19: 19px;
  --text-20: 20px;
  --text-24: 24px;
  --text-30: 30px;
  --text-48: 48px;
  --text-90: 90px;
}

:root {
  --border-radius: 50px;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1396px;
  }
}

/* svg {
  max-height: 50px;
  max-width: 50px;
} */
svg path.svg-theme {
  fill: var(--theme-color);
}

button {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0px;
}

button:focus {
  outline: 0;
  box-shadow: none;
}

.btn {
  padding: 15px 30px;
  line-height: 1;
  font-weight: var(--medium);
  font-size: 17px;
  vertical-align: middle;
  color: var(--white);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  cursor: pointer;
  text-transform: capitalize;
  background-color: var(--theme-clr);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--border-radius);
}

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

.btn svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.btn-theme {
  position: relative;
  background: var(--theme-clr);
  z-index: 1;
}

.btn-theme:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-theme-2 {
  position: relative;
  background: var(--themev2-bg);
  z-index: 1;
}

.btn-theme-2:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-theme-3 {
  position: relative;
  background: var(--themev3-bg);
  z-index: 1;
}

.btn-theme-3:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-theme-4 {
  position: relative;
  background: var(--themev4-clr);
  z-index: 1;
  border-radius: 0;
}

.btn-theme-4:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-theme-4-outline {
  position: relative;
  background: rgba(0, 0, 0, 0);
  border: 1px solid var(--title-clr);
  color: var(--title-clr);
  z-index: 1;
  border-radius: 0;
}

.btn-theme-4-outline::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 102%;
  left: 0;
  top: 51%;
  transform: translateY(-50%);
  clip-path: circle(0% at 0 50%);
  background: var(--themev4-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.btn-theme-4-outline:hover {
  color: var(--white);
  border-color: var(--themev4-bg);
}

.btn-theme-4-outline:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.btn-white {
  background-color: var(--bg-white);
  color: var(--title-clr);
  border-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  position: relative;
  z-index: 1;
  border: none;
}

.btn-white::before {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: circle(0% at 0 50%);
  background: var(--theme-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.btn-white:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-white:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.btn-body {
  background-color: var(--paragraph-clr);
}

.btn-body:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-font {
  background-color: var(--title-bg);
}

.btn-font:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-body-outline {
  border: 1px solid var(--paragraph-clr);
  color: var(--paragraph-clr);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.btn-body-outline::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: circle(0% at 0 50%);
  background: var(--theme-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.btn-body-outline:hover {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.btn-body-outline:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.btn-title-outline {
  border: 1px solid var(--title-clr);
  color: var(--title-clr);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.btn-title-outline::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: circle(0% at 0 50%);
  background: var(--greyish-teal);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.btn-title-outline:hover {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.btn-title-outline:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.btn-white-outline {
  border: 1px solid var(--txt-white);
  color: var(--txt-white);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.btn-white-outline::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: circle(0% at 0 50%);
  background: var(--theme-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.btn-white-outline:hover {
  color: var(--txt-white);
  border-color: rgba(0, 0, 0, 0);
}

.btn-white-outline:hover::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.btn-white-outline-2 {
  background: var(--white-1);
  border: 1px solid var(--white-3);
}

.btn-white-outline-2:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.fz-16 {
  font-size: 16px;
}

.fz-17 {
  font-size: 17px;
}

.fz-18 {
  font-size: 18px;
}

.btn-xl {
  padding: 20px 40px;
}

.btn-lg {
  padding: 16px 25px;
}

.btn-md {
  padding: 15px 20px;
}

.btn-sm {
  padding: 12px 25px;
}

.btn-xs {
  padding: 10px 20px;
}

.bdr-0 {
  border-radius: 0;
}

.bdr-5 {
  border-radius: 5px;
}

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

.bdr-45 {
  border-radius: 45px;
}

.bdr-56 {
  border-radius: 56px;
}

.bdr-none {
  border: none;
}

@media screen and (max-width: 767px) {
  .btn {
    font-size: 16px;
    padding: 13px 25px;
  }

  .btn-xl {
    padding: 15px 30px;
  }

  .btn-lg {
    padding: 13px 25px;
  }

  .btn-md {
    padding: 15px 25px;
  }

  .fz-17 {
    font-size: 16px;
  }

  .fz-18 {
    font-size: 16px;
  }

  .btn-xs {
    padding: 10px 20px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {
  .mt-lg-10 {
    margin-top: 10px;
  }

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

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

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

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

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

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

  .mt-lg-80 {
    margin-top: 80px;
  }

  .mt-lg-90 {
    margin-top: 90px;
  }

  .mt-lg-100 {
    margin-top: 100px;
  }

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

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

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

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

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

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

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

  .mb-lg-80 {
    margin-bottom: 80px;
  }

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

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

  .ml-lg-10 {
    margin-left: 10px;
  }

  .ml-lg-20 {
    margin-left: 20px;
  }

  .ml-lg-30 {
    margin-left: 30px;
  }

  .ml-lg-40 {
    margin-left: 40px;
  }

  .ml-lg-50 {
    margin-left: 50px;
  }

  .ml-lg-60 {
    margin-left: 60px;
  }

  .ml-lg-70 {
    margin-left: 70px;
  }

  .ml-lg-80 {
    margin-left: 80px;
  }

  .ml-lg-90 {
    margin-left: 90px;
  }

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

  .mr-lg-10 {
    margin-right: 10px;
  }

  .mr-lg-20 {
    margin-right: 20px;
  }

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

  .mr-lg-40 {
    margin-right: 40px;
  }

  .mr-lg-50 {
    margin-right: 50px;
  }

  .mr-lg-60 {
    margin-right: 60px;
  }

  .mr-lg-70 {
    margin-right: 70px;
  }

  .mr-lg-80 {
    margin-right: 80px;
  }

  .mr-lg-90 {
    margin-right: 90px;
  }

  .mr-lg-100 {
    margin-right: 100px;
  }

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

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

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

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

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

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

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

  .mt-lg--80 {
    margin-top: -80px;
  }

  .mt-lg--90 {
    margin-top: -90px;
  }

  .mt-lg--100 {
    margin-top: -100px;
  }

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

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

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

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

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

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

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

  .mb-lg--80 {
    margin-bottom: -80px;
  }

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

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

  .mt-lg-0 {
    margin-top: 0;
  }

  .mb-lg-0 {
    margin-bottom: 0;
  }

  .ml-lg-0 {
    margin-left: 0;
  }

  .mr-lg-0 {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .mt-md-10 {
    margin-top: 10px;
  }

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

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

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

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

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

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

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

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

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

  .ml-md-10 {
    margin-left: 10px;
  }

  .ml-md-20 {
    margin-left: 20px;
  }

  .ml-md-30 {
    margin-left: 30px;
  }

  .ml-md-40 {
    margin-left: 40px;
  }

  .ml-md-50 {
    margin-left: 50px;
  }

  .mr-md-10 {
    margin-right: 10px;
  }

  .mr-md-20 {
    margin-right: 20px;
  }

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

  .mr-md-40 {
    margin-right: 40px;
  }

  .mr-md-50 {
    margin-right: 50px;
  }

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

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

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

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

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

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

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

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

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

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

  .mt-md-0 {
    margin-top: 0;
  }

  .mb-md-0 {
    margin-bottom: 0;
  }

  .ml-md-0 {
    margin-left: 0;
  }

  .mr-md-0 {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .mt-xs-5 {
    margin-top: 5px;
  }

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

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

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

  .mt-xs-25 {
    margin-top: 25px;
  }

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

  .mt-xs-35 {
    margin-top: 35px;
  }

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

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

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

  .mb-xs-5 {
    margin-bottom: 5px;
  }

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

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

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

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

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

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

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

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

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

  .ml-xs-5 {
    margin-left: 5px;
  }

  .ml-xs-10 {
    margin-left: 10px;
  }

  .ml-xs-15 {
    margin-left: 15px;
  }

  .ml-xs-20 {
    margin-left: 20px;
  }

  .ml-xs-25 {
    margin-left: 25px;
  }

  .ml-xs-30 {
    margin-left: 30px;
  }

  .ml-xs-35 {
    margin-left: 35px;
  }

  .ml-xs-40 {
    margin-left: 40px;
  }

  .ml-xs-45 {
    margin-left: 45px;
  }

  .ml-xs-50 {
    margin-left: 50px;
  }

  .mr-xs-5 {
    margin-right: 5px;
  }

  .mr-xs-10 {
    margin-right: 10px;
  }

  .mr-xs-15 {
    margin-right: 15px;
  }

  .mr-xs-20 {
    margin-right: 20px;
  }

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

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

  .mr-xs-35 {
    margin-right: 35px;
  }

  .mr-xs-40 {
    margin-right: 40px;
  }

  .mr-xs-45 {
    margin-right: 45px;
  }

  .mr-xs-50 {
    margin-right: 50px;
  }

  .mt-xs--5 {
    margin-top: -5px;
  }

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

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

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

  .mt-xs--25 {
    margin-top: -25px;
  }

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

  .mt-xs--35 {
    margin-top: -35px;
  }

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

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

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

  .mb-xs--5 {
    margin-bottom: -5px;
  }

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

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

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

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

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

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

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

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

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

  .mt-xs-0 {
    margin-top: 0;
  }

  .mb-xs-0 {
    margin-bottom: 0;
  }

  .ml-xs-0 {
    margin-left: 0;
  }

  .mr-xs-0 {
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .mt-sm-5 {
    margin-top: 5px;
  }

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

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

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

  .mt-sm-25 {
    margin-top: 25px;
  }

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

  .mt-sm-35 {
    margin-top: 35px;
  }

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

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

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

  .mb-sm-5 {
    margin-bottom: 5px;
  }

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

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

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

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

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

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

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

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

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

  .ml-sm-5 {
    margin-left: 5px;
  }

  .ml-sm-10 {
    margin-left: 10px;
  }

  .ml-sm-15 {
    margin-left: 15px;
  }

  .ml-sm-20 {
    margin-left: 20px;
  }

  .ml-sm-25 {
    margin-left: 25px;
  }

  .ml-sm-30 {
    margin-left: 30px;
  }

  .ml-sm-35 {
    margin-left: 35px;
  }

  .ml-sm-40 {
    margin-left: 40px;
  }

  .ml-sm-45 {
    margin-left: 45px;
  }

  .ml-sm-50 {
    margin-left: 50px;
  }

  .mr-sm-5 {
    margin-right: 5px;
  }

  .mr-sm-10 {
    margin-right: 10px;
  }

  .mr-sm-15 {
    margin-right: 15px;
  }

  .mr-sm-20 {
    margin-right: 20px;
  }

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

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

  .mr-sm-35 {
    margin-right: 35px;
  }

  .mr-sm-40 {
    margin-right: 40px;
  }

  .mr-sm-45 {
    margin-right: 45px;
  }

  .mr-sm-50 {
    margin-right: 50px;
  }

  .mt-sm--5 {
    margin-top: -5px;
  }

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

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

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

  .mt-sm--25 {
    margin-top: -25px;
  }

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

  .mt-sm--35 {
    margin-top: -35px;
  }

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

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

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

  .mb-sm--5 {
    margin-bottom: -5px;
  }

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

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

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

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

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

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

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

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

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

  .mt-sm-0 {
    margin-top: 0;
  }

  .mb-sm-0 {
    margin-bottom: 0;
  }

  .ml-sm-0 {
    margin-left: 0;
  }

  .mr-sm-0 {
    margin-right: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {
  .pt-lg-5 {
    padding-top: 5px;
  }

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

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

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

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

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

  .pt-lg-35 {
    padding-top: 35px;
  }

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

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

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

  .pt-lg-55 {
    padding-top: 55px;
  }

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

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

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

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

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

  .pt-lg-85 {
    padding-top: 85px;
  }

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

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

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

  .pb-lg-5 {
    padding-bottom: 5px;
  }

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

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

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

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

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

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

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

  .pb-lg-45 {
    padding-bottom: 45px;
  }

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

  .pb-lg-55 {
    padding-bottom: 55px;
  }

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

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

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

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

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

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

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

  .pb-lg-95 {
    padding-bottom: 95px;
  }

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

  .pl-lg-5 {
    padding-left: 5px;
  }

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

  .pl-lg-15 {
    padding-left: 15px;
  }

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

  .pl-lg-25 {
    padding-left: 25px;
  }

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

  .pl-lg-35 {
    padding-left: 35px;
  }

  .pl-lg-40 {
    padding-left: 40px;
  }

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

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

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

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

  .pl-lg-65 {
    padding-left: 65px;
  }

  .pl-lg-70 {
    padding-left: 70px;
  }

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

  .pl-lg-80 {
    padding-left: 80px;
  }

  .pl-lg-85 {
    padding-left: 85px;
  }

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

  .pl-lg-95 {
    padding-left: 95px;
  }

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

  .pr-lg-5 {
    padding-right: 5px;
  }

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

  .pr-lg-15 {
    padding-right: 15px;
  }

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

  .pr-lg-25 {
    padding-right: 25px;
  }

  .pr-lg-30 {
    padding-right: 30px;
  }

  .pr-lg-35 {
    padding-right: 35px;
  }

  .pr-lg-40 {
    padding-right: 40px;
  }

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

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

  .pr-lg-55 {
    padding-right: 55px;
  }

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

  .pr-lg-65 {
    padding-right: 65px;
  }

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

  .pr-lg-75 {
    padding-right: 75px;
  }

  .pr-lg-80 {
    padding-right: 80px;
  }

  .pr-lg-85 {
    padding-right: 85px;
  }

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

  .pr-lg-95 {
    padding-right: 95px;
  }

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

  .pt-lg--5 {
    padding-top: -5px;
  }

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

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

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

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

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

  .pt-lg--35 {
    padding-top: -35px;
  }

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

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

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

  .pt-lg--55 {
    padding-top: -55px;
  }

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

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

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

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

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

  .pt-lg--85 {
    padding-top: -85px;
  }

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

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

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

  .pb-lg--5 {
    padding-bottom: -5px;
  }

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

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

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

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

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

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

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

  .pb-lg--45 {
    padding-bottom: -45px;
  }

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

  .pb-lg--55 {
    padding-bottom: -55px;
  }

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

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

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

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

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

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

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

  .pb-lg--95 {
    padding-bottom: -95px;
  }

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

  .pt-lg-0 {
    padding-top: 0;
  }

  .pb-lg-0 {
    padding-bottom: 0;
  }

  .pl-lg-0 {
    padding-left: 0;
  }

  .pr-lg-0 {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .pt-md-10 {
    padding-top: 10px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pl-md-40 {
    padding-left: 40px;
  }

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

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

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

  .pr-md-30 {
    padding-right: 30px;
  }

  .pr-md-40 {
    padding-right: 40px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .pt-md-0 {
    padding-top: 0;
  }

  .pb-md-0 {
    padding-bottom: 0;
  }

  .pl-md-0 {
    padding-left: 0;
  }

  .pr-md-0 {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .pt-xs-5 {
    padding-top: 5px;
  }

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

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

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

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

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

  .pt-xs-35 {
    padding-top: 35px;
  }

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

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

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

  .pb-xs-5 {
    padding-bottom: 5px;
  }

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

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

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

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

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

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

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

  .pb-xs-45 {
    padding-bottom: 45px;
  }

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

  .pl-xs-5 {
    padding-left: 5px;
  }

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

  .pl-xs-15 {
    padding-left: 15px;
  }

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

  .pl-xs-25 {
    padding-left: 25px;
  }

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

  .pl-xs-35 {
    padding-left: 35px;
  }

  .pl-xs-40 {
    padding-left: 40px;
  }

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

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

  .pr-xs-5 {
    padding-right: 5px;
  }

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

  .pr-xs-15 {
    padding-right: 15px;
  }

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

  .pr-xs-25 {
    padding-right: 25px;
  }

  .pr-xs-30 {
    padding-right: 30px;
  }

  .pr-xs-35 {
    padding-right: 35px;
  }

  .pr-xs-40 {
    padding-right: 40px;
  }

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

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

  .pt-xs--5 {
    padding-top: -5px;
  }

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

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

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

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

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

  .pt-xs--35 {
    padding-top: -35px;
  }

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

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

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

  .pb-xs--5 {
    padding-bottom: -5px;
  }

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

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

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

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

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

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

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

  .pb-xs--45 {
    padding-bottom: -45px;
  }

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

  .pt-xs-0 {
    padding-top: 0;
  }

  .pb-xs-0 {
    padding-bottom: 0;
  }

  .pl-xs-0 {
    padding-left: 0;
  }

  .pr-xs-0 {
    padding-right: 0;
  }
}

.s-py-100 {
  padding: 100px 0px;
}

.s-py-50 {
  padding: 50px 0px;
}

.s-py-100-50 {
  padding: 100px 0px 50px;
}

.s-py-50-100 {
  padding: 50px 0px 100px;
}

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

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

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

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

@media screen and (max-width: 991px) {
  .s-py-100 {
    padding: 70px 0px;
  }

  .s-py-50 {
    padding: 35px 0px;
  }

  .s-py-100-50 {
    padding: 70px 0px 35px;
  }

  .s-py-50-100 {
    padding: 35px 0px 70px;
  }

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

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

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

@media screen and (max-width: 767px) {
  .s-py-100 {
    padding: 50px 0px;
  }

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

  .s-py-100-50 {
    padding: 50px 0px 25px;
  }

  .s-py-50-100 {
    padding: 25px 0px 50px;
  }

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

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

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

.p-relative {
  position: relative;
}

.bg-overlay {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bg-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

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

.max-width-1140 {
  max-width: 1140px;
  margin: 0 auto;
}

.max-width-1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.prose-content>*:first-child {
  margin-top: 0;
}

.prose-content .nott1,
.prose-content .nott2,
.prose-content .nott3,
.prose-content .nott4,
.prose-content .nott5,
.prose-content .nott6 {
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 30px;
}

.prose-content p {
  margin-bottom: 20px;
}

.prose-content p:last-child {
  margin-bottom: 0;
}

.prose-content button,
.prose-content a {
  padding: 15px 25px;
  line-height: 1;
  font-weight: var(--medium);
  font-size: 17px;
  color: var(--white);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--theme-bg);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
}

.prose-content button:focus,
.prose-content a:focus {
  outline: 0;
  box-shadow: none;
}

.prose-content button svg path,
.prose-content a svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.prose-content button:hover,
.prose-content a:hover {
  color: var(--txt-white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.prose-content ul {
  list-style: disc;
}

.prose-content ol {
  list-style: decimal;
}

.prose-content ul,
.prose-content ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.prose-content ul li,
.prose-content ol li {
  margin-bottom: 15px;
  font-size: 18px;
}

.prose-content ul li:last-child,
.prose-content ol li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {

  .prose-content .nott1,
  .prose-content .nott2,
  .prose-content .nott3,
  .prose-content .nott4,
  .prose-content .nott5,
  .prose-content .nott6 {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  .prose-content p {
    font-size: 16px;
  }

  .prose-content ul li,
  .prose-content ol li {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

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

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

@keyframes downRight {

  0%,
  100% {
    transform: translateX(0) translateY(0);
  }

  50% {
    transform: translateX(20px) translateY(20px);
  }
}

@keyframes spinAndScale {
  0% {
    transform: rotate(0deg) scale(1);
  }

  10% {
    transform: rotate(10deg) scale(1.1);
  }

  50% {
    transform: rotate(180deg) scale(1.5);
  }

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

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

  to {
    transform: rotate(360deg);
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

a,
ol,
ul {
  list-style: none;
  list-style-type: none;
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

/* .nott1,
.nott2,
.nott3,
.nott4,
.nott5,
.nott6 {
  line-height: 1.3;
  color: var(--title-clr);
}
.nott1 {
  font-size: 48px;
}
.nott2 {
  font-size: 36px;
}
.nott3 {
  font-size: 30px;
}
.nott4 {
  font-size: 24px;
}
.nott5 {
  font-size: 20px;
}
.nott6 {
  font-size: 18px;
} */
p {
  margin: 0;
  padding: 0;
  /* color: var(--paragraph-clr); */
  /* font-size: 18px; */
}

a {
  color: unset;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: unset;
}

body {
  font-family: var(--font-primary);
  color: var(--paragraph-clr);
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  position: relative;
}

/* body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
body::-webkit-scrollbar-track {
  background-color: #fafafa;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
  background: var(--theme-bg);
  border-radius: 20px;
} */
body::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: backdrop-filter 0.4s;
  backdrop-filter: blur(10px) opacity(0);
}

body.wallet_overlay {
  overflow: hidden !important;
}

body.settings-overflow {
  overflow: hidden !important;
}

body.search-v6_overlay,
body.overlay {
  overflow: hidden !important;
}

body.search-v6_overlay:after,
body.overlay:after {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(10px) opacity(1);
}

body.search-v6_overlay .input-box {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s cubic-bezier(0, 1.87, 0.58, 1);
  top: 50%;
}

body.search-v6_overlay .header-v6-main {
  z-index: unset;
}

body.main-menu-overlay {
  overflow: hidden !important;
}

body.main-menu-overlay::after {
  background: rgba(25, 36, 43, 0.5);
  backdrop-filter: blur(10px);
  opacity: 1;
  visibility: visible;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 9;
}

body.subscribeBody {
  overflow: hidden !important;
}

body.subscribeBody::after {
  background: rgba(25, 36, 43, 0.3);
  backdrop-filter: blur(2.5px);
  opacity: 999;
  visibility: visible;
}

body.subscribeBody .header-v5-area {
  z-index: unset;
}

.all-card-version-body {
  background: linear-gradient(61.24deg, #0c1423 -0.61%, #122841 100.55%);
}

@media screen and (max-width: 767px) {
  body.search_overlay {
    overflow: hidden !important;
  }
}

.banner-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  /* padding: 60px 0px; */
}

.banner-area .shape {
  position: absolute;
}

.banner-area .shape-01 {
  bottom: 0;
  left: 0;
}

.banner-area .shape-02 {
  left: 50%;
  top: 20%;
  animation: rotateY 10s linear infinite alternate;
}

.banner-area .shape-03 {
  top: 30%;
  left: 60%;
  animation: spin 10s linear infinite alternate;
}

.banner-area .shape-04 {
  top: 30%;
  right: 20%;
  animation: downRight 10s linear infinite alternate;
}

.banner-area .shape-05 {
  right: 0;
  bottom: 0;
}

/* .banner-content {
  max-width: 492px;
} */
.banner-content .nott2 {
  font-weight: 800;
  line-height: 1;
}

.banner-content p {
  font-size: 16px;
  margin-top: 10px;
}

@media screen and (max-width: 1199px) {
  .banner-area .shape-03 {
    display: none;
  }

  .banner-area .shape-02 {
    left: 55%;
  }
}

@media screen and (max-width: 991px) {
  .banner-area .shape-02 {
    display: none;
  }

  .banner-area .shape-01,
  .banner-area .shape-05 {
    width: 20%;
  }

  .banner-content .nott2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 767px) {
  .banner-area {
    padding: 50px 0px;
  }

  .banner-area .shape-04 {
    max-width: 50px;
    right: 10%;
    top: 10%;
  }
}

@media screen and (max-width: 575px) {
  .banner-content .nott2 {
    font-size: 26px;
  }
}

.section-title {
  margin-bottom: 25px;
}

.section-title .nott2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.1;
}

.section-title p {
  font-size: 18px;
  margin-top: 10px;
}

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

@media screen and (max-width: 575px) {
  .section-title {
    margin-bottom: 20px;
  }

  .section-title .nott2 {
    font-size: 28px;
  }

  .section-title p {
    font-size: 16px;
    margin-top: 5px;
  }
}

.header-area {
  background-color: var(--theme-bg);
  position: relative;
}

.header-area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--theme-clr);
  opacity: 0.05;
}

.header-area.sticky-header {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
  box-shadow: 0px 20px 10px -18px var(--menu-sdw);
  background: #f8f4fb;
}

.header-area.sticky-header .header-right {
  display: none;
}

.header-area.sticky-header .header-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-area.sticky-header .stikymenu-logo {
  display: block;
  width: 150px;
}

.header-area.sticky-header .stikymenu-logo img,
.header-area.sticky-header .stikymenu-logo svg {
  max-width: 100%;
  max-height: 100%;
}

.header-area.sticky-header .hamburger {
  display: none;
}

.header-area.sticky-header .hdr-cretors-wrapper {
  left: auto;
  right: 0;
  transform: translateX(0%) translateY(20px);
}

.header-area.sticky-header .main-menu ul>li:hover .hdr-cretors-wrapper {
  transform: translateX(0%);
}

.header-area.sticky-header.transprent-header {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.header-area.sticky-header.transprent-header::before {
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.header-area.sticky-header.transprent-header .hamburger {
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.header-area.sticky-header #settings {
  top: 70px;
}

.header-area.sticky-header .settings-options {
  height: calc(100vh - 110px);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.stikymenu-logo {
  display: none;
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}

.hdr-left {
  display: flex;
  align-items: center;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 25px;
}

.hdr-notification,
.hdr-cart {
  position: relative;
}

.hdr-notification button,
.hdr-cart button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--hdr-button-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hdr-notification button.active,
.hdr-cart button.active {
  background: var(--theme-bg);
}

.hdr-notification button.active svg path,
.hdr-cart button.active svg path {
  fill: var(--txt-white);
}

.hdr-cart button.active svg path {
  fill: rgba(0, 0, 0, 0);
  stroke: var(--txt-white);
}

.hdr-profile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.hdr-profile img,
.hdr-profile svg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.hdr-walet {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hdr-walet span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--tiele-clr);
  display: inline-block;
  transform: translateY(2px);
}

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

@media screen and (max-width: 991px) {
  .header-area.sticky-header .hamburger {
    display: flex;
  }

  .header-area.sticky-header .header-left {
    flex-direction: row-reverse;
  }

  .header-area.sticky-header #settings {
    top: 64px;
  }

  .header-area.sticky-header .settings-options {
    height: calc(100vh - 100px);
  }

  .header-wrapper {
    padding: 15px 0px;
  }

  .hamburger {
    width: 30px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
  }

  .hamburger span {
    width: 100%;
    height: 3px;
    background: var(--theme-bg);
    display: block;
    border-radius: 10px;
  }

  .hamburger span:nth-child(2) {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .header-area.sticky-header #settings {
    top: 58px;
  }

  .header-area.sticky-header .settings-options {
    height: calc(100vh - 90px);
  }

  .hdr-walet {
    display: none;
  }

  .header-wrapper {
    padding: 12px 0px;
  }

  .header-right {
    gap: 10px;
  }

  .hdr-notification button,
  .hdr-cart button {
    width: 35px;
    height: 35px;
  }

  .hdr-profile {
    width: 35px;
    height: 35px;
  }

  .hamburger {
    width: 25px;
  }

  .hamburger span {
    height: 2px;
  }
}

.single-menu-item ul li a {
  font-size: 16px !important;
}

@media screen and (min-width: 991px) {
  .main-menu .mega-menu {
    display: grid !important;
  }

  .mega-menu {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 100%;
    background: var(--white);
    box-shadow: 0px 50px 30px -14px var(--menu-sdw);
    border-radius: 0px 0px 20px 20px;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    max-width: 1130px;
    padding: 25px 40px;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 50px;
    z-index: 99;
  }

  .single-menu-item {
    display: block !important;
  }

  .single-menu-item ul {
    display: block !important;
    grid-gap: 0 !important;
  }

  .single-menu-item ul li {
    display: block;
    padding: 15px 0px;
    border-bottom: 1px solid var(--menu-border);
  }

  .single-menu-item ul li:last-child {
    border-bottom: none;
  }

  .single-menu-item ul li a {
    color: var(--title-clr) !important;
    display: block;
    padding: 0 !important;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }

  .single-menu-item ul li:hover a {
    transform: translateX(5px);
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .mega-menu {
    padding: 15px 25px;
    grid-gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .mega-menu {
    padding: 5px 0px 0px 20px;
    display: none;
  }

  .mega-menu ul li {
    padding: 10px 0px !important;
  }

  .single-menu-dropDown ul {
    padding-left: 10px;
  }
}

.header-top-area {
  background-color: var(--white);
  padding: 15px 0px;
  position: relative;
  z-index: 1;
}

.hdr-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
}

.logo {
  width: 200px;
}

/* .logo img,
.logo svg {
  max-width: 100%;
  max-height: 100%;
} */
.hdr-top-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hdr-search {
  position: relative;
  width: 300px;
}

.hdr-search input {
  height: 45px;
  width: 100%;
  padding: 15px;
  background-color: var(--wallet-bg);
  outline: none;
  border: 1px solid var(--icon-clr);
  border-radius: 50px;
  padding-right: 50px;
  color: var(--title-clr);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hdr-search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 9;
}

.hdr-search.active input {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 110%);
  opacity: 1;
}

.hdr-search.active button {
  right: 20px;
}

.hdr-search.active button svg path {
  stroke: var(--icon-clr);
}

#hdr-search-close {
  display: none;
}

@media screen and (max-width: 991px) {
  .logo {
    width: 150px;
  }
}

@media screen and (max-width: 767px) {
  .hdr-top-right {
    gap: 15px;
  }

  .hdr-search {
    width: auto;
  }

  .hdr-search button {
    position: unset;
    transform: translate(0);
  }

  .hdr-search::before {
    position: fixed;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-image: url(https://stocksflare.com/assets/css/img/main-menu-bg.png);
    background-color: var(--bg-white);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }

  .hdr-search .input-box {
    position: fixed;
    background-color: var(--bg-white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 550px;
    padding: 50px;
    height: auto;
    width: calc(100% - 30px);
    border-radius: 5px;
    z-index: 9999999999999;
    box-shadow: 0px 50px 60px var(--menu-sdw);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    opacity: 0;
    visibility: hidden;
  }

  .hdr-search input {
    clip-path: unset;
    opacity: 1;
    border-radius: 5px;
    height: 50px;
    padding-right: 15px !important;
    background-color: rgba(0, 0, 0, 0);
  }

  .hdr-search #hdr-search-close {
    display: block;
    width: 50px;
    height: 50px;
    color: var(--icon-clr);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    right: 0px;
  }

  .hdr-search.active::before {
    opacity: 0.9;
    visibility: visible;
  }

  .hdr-search.active .input-box {
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 575px) {
  .logo {
    width: 165px;
  }

  .hdr-top-right {
    gap: 10px;
  }

  .hdr-top-right a {
    padding: 12px 18px;
    font-size: 15px;
  }

  .hdr-search .input-box {
    padding: 50px 30px 30px;
  }
}

.drop-down {
  position: relative;
}

.main-menu ul li {
  display: flex;
  align-items: center;
  gap: 5px;
}

.main-menu ul li>a {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
}

.main-menu ul li svg {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  cursor: pointer;
}

@media screen and (min-width: 991px) {
  .main-menu {
    display: block !important;
  }

  .main-menu ul {
    display: flex;
    grid-gap: 30px;
  }

  .main-menu ul>li:hover>a {
    background: var(--theme-clr);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
  }

  .main-menu ul>li:hover svg {
    transform: rotateX(180deg);
    color: var(--icon-clr);
  }

  .main-menu ul>li:hover .sub-menu,
  .main-menu ul>li:hover .mega-menu,
  .main-menu ul>li:hover .hdr-cretors-wrapper {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }

  .main-menu ul>li:hover .mega-menu,
  .main-menu ul>li:hover .hdr-cretors-wrapper {
    transform: translateX(-50%);
  }

  .main-menu ul>li>a {
    padding: 28px 0px;
  }

  .main-menu ul>li .sub-menu {
    position: absolute;
    width: 150px;
    background: var(--bg-white);
    padding: 13px 25px;
    box-shadow: 0px 50px 30px -14px var(--menu-sdw);
    border-radius: 0px 0px 20px 20px;
    top: 100%;
    left: 0;
    grid-gap: 0;
    transition: all 0.4s ease-in-out;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    display: block !important;
    z-index: 99;
  }

  .main-menu ul>li .sub-menu li {
    padding: 12px 0px;
    border-bottom: 1px solid var(--crs-bdr);
    display: block;
  }

  .main-menu ul>li .sub-menu li:last-child {
    border-bottom: none;
  }

  .main-menu ul>li .sub-menu li a {
    display: flex;
    padding: 0px 0px;
    color: var(--body-clr);
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
  }

  .main-menu ul>li .sub-menu li a::before {
    display: none;
  }

  .main-menu ul>li .sub-menu li a svg {
    transform: rotate(-90deg);
  }

  .main-menu ul>li .sub-menu li:hover>a {
    transform: translateX(5px);
  }

  .main-menu ul>li .sub-menu li:hover .sub-menu {
    top: 0;
    opacity: 1;
    visibility: visible;
  }

  .main-menu ul>li .sub-menu li .sub-menu {
    left: calc(100% + 20px);
    top: 20px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 50px 40px -30px var(--hdr-course-sdw);
  }

  .mein-menu-tpobar {
    display: none;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .main-menu ul {
    grid-gap: 25px;
  }
}

@media screen and (max-width: 991px) {
  .mein-menu-tpobar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 20px;
  }

  .mein-menu-tpobar::before {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    left: -20px;
    border-bottom: 2px solid var(--icon-clr);
    bottom: 0;
  }

  .mein-menu-tpobar .menu-logo {
    max-width: 150px;
  }

  .mein-menu-tpobar .menu-logo svg {
    max-width: 100%;
    max-height: 100%;
  }

  .mein-menu-tpobar button svg {
    font-size: 34px;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
  }

  .mein-menu-tpobar button:hover svg {
    transform: rotate(90deg);
    color: var(--icon-clr);
  }

  .main-menu-overlay {
    overflow: hidden;
  }

  .main-menu {
    position: fixed;
    top: 0px;
    left: 0;
    background-color: var(--bg-white);
    max-width: 300px;
    width: 100%;
    box-shadow: 0px 70px 70px 20px var(--menu-sdw);
    padding: 20px 0px 20px 20px;
    z-index: 999999999;
    height: 100vh;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    transform: translateX(-300px);
    opacity: 0;
    visibility: hidden;
  }

  .main-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .main-menu::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("https://stocksflare.com/assets/css/img/main-menu-bg.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
  }

  .main-menu>ul {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding-right: 20px;
  }

  .main-menu>ul::-webkit-scrollbar {
    width: 3px;
  }

  .main-menu>ul::-webkit-scrollbar-thumb {
    background: var(--theme-bg);
    border-radius: 20px;
  }

  .main-menu>ul li {
    padding: 10px 0px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }

  .main-menu>ul li.active>a {
    background: var(--theme-clr);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
  }

  .main-menu>ul li.active svg {
    transform: rotateX(180deg);
    color: var(--icon-clr);
  }

  .main-menu>ul li .nav-drop-arrow {
    position: absolute;
    right: 0;
    top: 6px;
  }

  .main-menu>ul li a {
    color: var(--title-clr);
    display: flex;
    justify-content: space-between;
    font-size: 18px;
  }

  .main-menu>ul li .sub-menu {
    padding: 5px 0px 0px 20px;
    display: none;
  }

  .main-menu>ul li .sub-menu li {
    padding: 10px 0px;
  }

  .main-menu>ul li .sub-menu li .sub-menu li a {
    font-size: 16px;
  }

  .main-menu>ul li .sub-menu li:last-child {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 991px) {
  .hdr-cretors-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: var(--white);
    box-shadow: 0px 50px 30px -14px var(--menu-sdw);
    border-radius: 0px 0px 20px 20px;
    padding: 30px;
    z-index: 999;
    width: 100%;
    max-width: 1200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    display: block !important;
  }

  .hdr-cretors-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("https://stocksflare.com/assets/css/img/cretors/cretors-bg-shape.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.hdr-cretors-slider {
  margin: -20px -4px;
}

.hdr-cretors-slider .owl-stage {
  width: 100%;
}

.hdr-cretors-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 4px;
}

.single-hdr-cretors {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white);
  box-shadow: 0px 10px 10px var(--menu-sdw);
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 15px;
}

.single-hdr-cretors .img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.single-hdr-cretors .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-hdr-cretors .content a {
  color: var(--title-clr);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-hdr-cretors .content span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin-top: 10px;
  color: var(--title-clr);
}

.single-hdr-cretors:hover .content a {
  color: var(--icon-clr);
}

.hdr-cretors-slider-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.hdr-cretors-slider-icon .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hdr-cretors-slider-icon .icon:hover {
  color: var(--icon-clr);
}

@media screen and (max-width: 991px) {
  .hdr-cretors-wrapper {
    margin-top: 20px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    display: none;
    width: 260px;
  }

  .single-hdr-cretors .img {
    width: 50px;
    height: 50px;
  }

  .single-hdr-cretors .content a {
    font-size: 16px;
  }

  .hdr-cretors-slider-icon {
    margin-top: 15px;
  }

  .hdr-cretors-slider {
    margin: -20px 0px;
  }

  .hdr-cretors-wrap {
    padding: 20px 5px;
  }
}

.hdr-notification-wrapper {
  position: absolute;
  width: 370px;
  right: -20px;
  top: 56px;
  background: var(--bg-white);
  padding: 15px 15px 25px;
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  border-radius: 0px 0px 20px 20px;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 99;
}

.hdr-notification-wrapper::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 9px;
  background: var(--bg-white);
  bottom: 100%;
  right: 32px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.hdr-notification-wrapper.hdr-notification-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.single-hdr-notification {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  z-index: 1;
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0.8;
}

.single-hdr-notification.new {
  opacity: 1;
}

.single-hdr-notification.new .content .nott6::before {
  opacity: 1;
}

.single-hdr-notification::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  top: 0;
  right: 0;
  background: var(--theme-bg);
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.single-hdr-notification .img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}

.single-hdr-notification .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}

.single-hdr-notification .content {
  flex: 1;
}

.single-hdr-notification .content .nott6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.single-hdr-notification .content .nott6 span {
  display: inline-block;
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.single-hdr-notification .content .nott6::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: var(--theme-bg);
  border-radius: 50%;
  top: -5px;
  right: 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.single-hdr-notification:hover::before {
  width: 100%;
  left: 0;
  right: auto;
  opacity: 0.1;
}

@media screen and (max-width: 991px) {
  .hdr-notification-wrapper {
    top: 54px;
  }
}

@media screen and (max-width: 767px) {
  .hdr-notification-wrapper {
    width: 275px;
    top: 47px;
    padding: 10px 10px 15px;
  }

  .single-hdr-notification {
    gap: 10px;
  }

  .single-hdr-notification .img {
    width: 50px;
    height: 50px;
  }

  .single-hdr-notification .content .nott6 {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 575px) {
  .hdr-notification-wrapper {
    right: -40px;
  }

  .hdr-notification-wrapper::before {
    right: 50px;
  }
}

.hdr-crt-wrapper {
  position: absolute;
  width: 330px;
  right: -20px;
  top: 56px;
  background: var(--bg-white);
  padding: 25px 35px 25px 25px;
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  border-radius: 0px 0px 20px 20px;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hdr-crt-wrapper::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 9px;
  background: var(--bg-white);
  bottom: 100%;
  right: 32px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.hdr-crt-wrapper.hdr-crt-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hdr-crt-wrapper .nott6 {
  font-weight: 500;
  line-height: 1;
  padding: 15px;
  border-top: 1px solid var(--border-clr);
  margin-top: 20px;
}

.hdr-crt-wrapper .button {
  border-top: 1px solid var(--border-clr);
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.single-hdr-cart {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 18px;
}

.single-hdr-cart:last-child {
  margin-bottom: 0;
}

.single-hdr-cart .img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}

.single-hdr-cart .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-hdr-cart .content {
  flex: 1;
  position: relative;
}

.single-hdr-cart .content a {
  display: block;
  font-weight: 500;
  color: var(--title-clr);
  line-height: 1.3;
  font-size: 18px;
}

.single-hdr-cart .content p {
  margin-top: 5px;
}

.single-hdr-cart .content p span {
  display: inline-block;
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-weight: 500;
}

.single-hdr-cart .content::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: var(--theme-bg);
  border-radius: 50%;
  top: -5px;
  right: -5px;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-hdr-cart .content:hover::before {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .hdr-crt-wrapper {
    top: 54px;
  }
}

@media screen and (max-width: 767px) {
  .hdr-crt-wrapper {
    top: 47px;
    padding: 15px 20px 15px 15px;
    width: 275px;
  }

  .hdr-crt-wrapper .nott6 {
    padding: 12px;
    margin-top: 15px;
    font-size: 16px;
  }

  .hdr-crt-wrapper .button {
    padding-top: 15px;
  }

  .hdr-crt-wrapper .button a {
    padding: 12px 20px;
  }

  .single-hdr-cart {
    gap: 10px;
    margin-bottom: 15px;
  }

  .single-hdr-cart .img {
    width: 50px;
    height: 50px;
  }

  .single-hdr-cart .content a {
    font-size: 16px;
  }

  .single-hdr-cart .content p {
    font-size: 14px;
  }
}

.hdr-profile {
  position: relative;
}

.hdr-profile-menu {
  position: absolute;
  width: 180px;
  left: -20px;
  top: 56px;
  background: var(--bg-white);
  padding: 12px 25px;
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  border-radius: 0px 0px 20px 20px;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 99;
}

.hdr-profile-menu::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 9px;
  background: var(--bg-white);
  bottom: 100%;
  left: 32px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.hdr-profile-menu.hdr-profile-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hdr-profile-menu li {
  display: block;
}

.hdr-profile-menu li a {
  font-size: 16px;
  color: var(--title-clr);
  font-weight: 400;
  line-height: 1;
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  padding: 12px 0px;
}

.hdr-profile-menu li a:hover {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  transform: translateX(5px);
}

@media screen and (max-width: 991px) {
  .hdr-profile-menu {
    top: 54px;
  }
}

@media screen and (max-width: 767px) {
  .hdr-profile-menu {
    right: -10px;
    left: auto;
  }

  .hdr-profile-menu::before {
    left: auto;
    right: 20px;
  }

  .hdr-profile-menu {
    top: 47px;
    padding: 10px 15px;
    width: 170px;
  }

  .hdr-profile-menu li a {
    padding: 8px 0px;
  }
}

.my-wallet-popup {
  position: fixed;
  right: 0;
  top: 150px;
  background: var(--bg-white);
  backdrop-filter: blur(30px);
  width: 390px;
  height: calc(100vh - 150px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 25px 30px;
  overflow-y: auto;
  gap: 30px;
  z-index: 99;
  transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transform: translateX(390px);
  opacity: 0;
  visibility: hidden;
}

.my-wallet-popup.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.my-wallet-popup::-webkit-scrollbar {
  width: 3px;
}

.my-wallet-popup::-webkit-scrollbar-thumb {
  background: var(--theme-bg);
  border-radius: 20px;
}

.my-wallet-popup-title {
  margin-bottom: 25px;
}

.my-wallet-popup-title .nott4 {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-weight: 600;
}

.my-wallet-popup-title p {
  font-size: 18px;
  margin-top: 15px;
}

.my-wallet-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.my-wallet-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 160px;
  background: var(--wallet-bg);
  border-radius: 10px;
}

.my-wallet-item img {
  width: 50px;
  height: 50px;
}

.my-wallet-item span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: var(--title-clr);
  display: inline-block;
  margin-top: 15px;
}

@media screen and (max-width: 1199px) {
  .my-wallet-popup {
    top: 148px;
    width: 350px;
    height: calc(100vh - 148px);
    padding: 20px 20px 30px;
    gap: 20px;
  }

  .my-wallet-popup-title .nott4 {
    font-size: 20px;
  }

  .my-wallet-popup-title .nott4 svg {
    width: 20px;
  }

  .my-wallet-popup-title p {
    margin-top: 10px;
  }

  .my-wallet-item {
    height: 130px;
  }

  .my-wallet-item span {
    font-size: 18px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 991px) {
  .my-wallet-popup {
    width: 350px;
    height: calc(100vh - 137px);
    padding: 20px 20px 30px;
    gap: 20px;
  }

  .my-wallet-items {
    grid-gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .my-wallet-popup {
    top: 133px;
    width: 300px;
    height: calc(100vh - 130px);
    padding: 20px;
    gap: 20px;
  }

  .my-wallet-items {
    grid-gap: 10px;
  }

  .my-wallet-item {
    padding: 15px;
    height: 110px;
  }

  .my-wallet-item svg,
  .my-wallet-item img {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
  }

  .my-wallet-item span {
    font-size: 16px;
  }

  .my-wallet-popup-title {
    margin-bottom: 20px;
  }

  .my-wallet-popup-title .nott4 {
    font-size: 18px;
  }

  .my-wallet-popup-title p {
    font-size: 16px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .my-wallet-popup {
    top: 130px;
    width: 270px;
    height: calc(100vh - 130px);
  }
}

#settings {
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 99;
  display: flex;
  align-items: flex-start;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transform: translateX(400px);
}

#settings.active {
  transform: translateX(0);
}

#settings.active #settings-option-wrapper {
  opacity: 1;
  visibility: visible;
}

#settings.active #settings-switch svg {
  animation: unset;
}

#settings-switch {
  width: 44px;
  height: 44px;
  background: var(--theme-bg);
  border-radius: 20px 0px 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 70px 70px 20px var(--menu-sdw);
  position: relative;
  z-index: 2;
  transform: translateY(20px);
}

#settings-switch svg {
  max-width: 24px;
  max-height: 24px;
  animation: rotate 5s linear infinite;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

#settings-switch svg path {
  fill: var(--txt-white);
}

#settings-option-wrapper {
  width: 400px;
  background: var(--bg-white);
  box-shadow: 0px 70px 70px 20px var(--menu-sdw);
  border-radius: 0px;
  padding: 25px;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.settings-options {
  padding-right: 25px;
  height: calc(100vh - 195px);
  overflow-y: auto;
}

.settings-options::-webkit-scrollbar {
  width: 6px;
}

.settings-options::-webkit-scrollbar-track {
  background: var(--hdr-button-bg);
  border-radius: 26px;
}

.settings-options::-webkit-scrollbar-thumb {
  background: var(--theme-bg);
  border-radius: 26px;
}

.single-sOption {
  margin-bottom: 40px;
}

.single-sOption:last-child {
  margin-bottom: 0;
}

.single-sOption .title {
  margin-bottom: 15px;
}

.single-sOption .title .nott6 {
  font-weight: 500;
  line-height: 1;
}

.setting-clr-option .color-select {
  display: flex;
  align-items: center;
  gap: 15px;
}

.setting-clr-option .color-select label {
  cursor: pointer;
}

.setting-clr-option .color-select label input[type="radio"] {
  display: none;
}

.setting-clr-option .color-select label input[type="radio"]:checked~span {
  border-radius: 50%;
}

.setting-clr-option .color-select label input[type="radio"]:checked~span svg {
  opacity: 1;
}

.setting-clr-option .color-select label span {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.setting-clr-option .color-select label span svg {
  color: var(--txt-white);
  font-size: 22px;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.setting-clr-option .color-select label .duskyBlue {
  background-color: var(--duskyBlue);
}

.setting-clr-option .color-select label .radicalRed {
  background-color: var(--radicalRed);
}

.setting-clr-option .color-select label .mineralGreen {
  background-color: var(--mineralGreen);
}

.setting-clr-option .color-select label .gamboge {
  background-color: var(--gamboge);
}

.setting-clr-option .color-select label .greyish-teal {
  background-color: var(--greyish-teal);
}

.setting-clr-option .color-select label .gradient-01 {
  background: var(--gradient-01);
}

.setting-clr-option .color-select label .gradient-02 {
  background: var(--gradient-02);
}

.setting-clr-option .color-select label .gradient-03 {
  background: var(--gradient-03);
}

.mode-settings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--blue-chalk);
  border-radius: 52px;
  height: 56px;
  padding: 5px;
}

.mode-settings label {
  cursor: pointer;
}

.mode-settings label input[type="radio"] {
  display: none;
}

.mode-settings label input[type="radio"]:checked~span {
  background: var(--theme-bg);
  color: var(--txt-white);
}

.mode-settings label input[type="radio"]:checked~span svg path {
  fill: var(--txt-white);
}

.mode-settings label span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--title-clr);
  font-weight: 500;
  line-height: 1;
  height: 46px;
  border-radius: 56px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.mode-settings label span svg {
  max-width: 24px;
  max-height: 24px;
}

.mode-settings label span svg path {
  fill: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.button-settings button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  padding: 15px;
  background: var(--blue-chalk);
  font-weight: 500;
  line-height: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.button-settings button:last-child {
  margin-bottom: 0;
}

.button-settings button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: var(--theme-bg);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.button-settings button.semiRounded {
  border-radius: 5px !important;
}

.button-settings button.rounded {
  border-radius: 52px !important;
}

.button-settings button.square {
  border-radius: 0px !important;
}

.button-settings button.active,
.button-settings button:hover {
  color: var(--txt-white);
}

.button-settings button.active::before,
.button-settings button:hover::before {
  opacity: 1;
  height: 100%;
  visibility: visible;
}

.demo-settings .demos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}

.demo-settings .demos .single-demo {
  cursor: pointer;
}

.demo-settings .demos .single-demo img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  #settings {
    top: 148px;
  }

  .settings-options {
    height: calc(100vh - 180px);
  }
}

@media screen and (max-width: 767px) {
  #settings {
    top: 133px;
  }

  .settings-options {
    height: calc(100vh - 170px);
  }
}

@media screen and (max-width: 575px) {
  #settings {
    top: 130px;
    transform: translateX(300px);
  }

  .settings-options {
    height: calc(100vh - 155px);
    padding-right: 15px;
  }

  #settings-option-wrapper {
    width: 300px;
    padding: 15px;
  }

  .setting-clr-option .color-select {
    gap: 10px;
  }

  .setting-clr-option .color-select label span {
    width: 30px;
    height: 30px;
  }

  .setting-clr-option .color-select label span svg {
    font-size: 18px;
  }

  .mode-settings label span svg {
    display: none;
  }
}

.header-v2-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--black-pearl);
  z-index: 999;
}

.top-header-v2 {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid var(--white-3);
}

.top-header-v2 .logo svg .logo-color {
  fill: var(--txt-white);
}

.top-header-v2 .hdr-search input {
  color: var(--txt-white);
}

.top-header-v2 .hdr-search input::-moz-placeholder {
  color: var(--white-7);
}

.top-header-v2 .hdr-search input::placeholder {
  color: var(--white-7);
}

.top-header-v2 .hdr-search button svg path {
  stroke: var(--txt-white);
}

.main-header-v2 .hdr-notification button,
.main-header-v2 .hdr-cart button {
  background: var(--white-1);
}

.main-header-v2 .hdr-notification button.active,
.main-header-v2 .hdr-cart button.active {
  background: var(--theme-bg);
}

.main-header-v2 .hdr-notification button svg path {
  fill: var(--txt-white);
}

.main-header-v2 .hdr-cart button svg path {
  stroke: var(--txt-white);
}

.main-header-v2 .hdr-walet button svg path {
  fill: var(--txt-white);
}

.main-header-v2 .hdr-walet button span {
  color: var(--txt-white);
}

@media screen and (min-width: 991px) {
  .main-header-v2 .main-menu ul>li>a {
    color: var(--txt-white);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }

  .main-header-v2 .main-menu ul>li>.nav-drop-arrow svg {
    color: var(--txt-white);
  }

  .main-header-v2 .header-area.sticky-header .main-menu ul>li>a {
    color: var(--title-clr);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }

  .main-header-v2 .header-area.sticky-header .main-menu ul>li>.nav-drop-arrow svg {
    color: var(--title-clr);
  }
}

@media screen and (max-width: 767px) {
  .top-header-v2 .hdr-search::before {
    background-color: var(--bg-black);
    background-image: none;
  }

  .top-header-v2 .hdr-search .input-box {
    background-color: var(--black-pearl);
  }
}

.dark-home .preloader-wrapper {
  background-image: url("https://stocksflare.com/assets/css/img/bg/dark-preloader-bg.jpg");
}

.top-header-v3 {
  background-color: rgba(0, 0, 0, 0);
}

.top-header-v3 .logo svg .logo-color {
  fill: var(--txt-white);
}

.top-header-v3 .hdr-search input {
  border-color: var(--icon-clr-2);
  color: var(--txt-white);
}

.top-header-v3 .hdr-search input::-moz-placeholder {
  color: var(--white-7);
}

.top-header-v3 .hdr-search input::placeholder {
  color: var(--white-7);
}

.top-header-v3 .hdr-search button svg path {
  stroke: var(--txt-white);
}

.top-header-v3 .hdr-top-right a {
  border: none;
  background: var(--themev2-bg);
}

.top-header-v3 .my-wallet-popup {
  background: var(--black-gradient);
}

.top-header-v3 .my-wallet-popup::-webkit-scrollbar-thumb {
  background: var(--themev2-bg);
}

.top-header-v3 .my-wallet-popup-title .nott4 {
  color: var(--txt-white);
}

.top-header-v3 .my-wallet-popup-title .nott4 svg path {
  fill: var(--txt-white);
}

.top-header-v3 .my-wallet-popup-title p {
  color: var(--white-7);
}

.top-header-v3 .my-wallet-item span {
  color: var(--txt-white);
}

.top-header-v3 .my-wallet-popup-button a {
  background: var(--themev2-bg);
  border: none;
}

.main-header-v3 .header-area {
  background-color: var(--white-03);
}

.main-header-v3 .header-area::before {
  display: none;
}

.main-header-v3 .header-area.sticky-header {
  background: var(--elephant);
}

.main-header-v3 .header-area.sticky-header .stikymenu-logo svg .logo-color {
  fill: var(--txt-white);
}

.main-header-v3 .hdr-notification button,
.main-header-v3 .hdr-cart button {
  background: var(--white-1);
}

.main-header-v3 .hdr-notification button.active,
.main-header-v3 .hdr-cart button.active {
  background: var(--themev2-bg);
}

.main-header-v3 .hdr-notification button svg path {
  fill: var(--txt-white);
}

.main-header-v3 .hdr-cart button svg path {
  stroke: var(--txt-white);
}

.main-header-v3 .hdr-walet button svg path {
  fill: var(--txt-white);
}

.main-header-v3 .hdr-walet button span {
  color: var(--txt-white);
}

.main-header-v3 .main-menu ul>li a {
  color: var(--txt-white);
}

.main-header-v3 .main-menu ul>li>.nav-drop-arrow svg {
  color: var(--txt-white);
}

.main-header-v3 .main-menu ul>li .sub-menu li a {
  color: var(--txt-white);
}

.main-header-v3 .single-menu-item ul li {
  border-color: var(--white-3);
}

.main-header-v3 .single-menu-item ul li a {
  color: var(--txt-white) !important;
}

.main-header-v3 .single-hdr-cretors {
  background: var(--white-03);
  border: 1px solid var(--white-05);
  backdrop-filter: blur(20px);
}

.main-header-v3 .single-hdr-cretors .content span {
  color: var(--white-7);
}

.main-header-v3 .single-hdr-cretors:hover .content a {
  color: var(--icon-clr-2);
}

.main-header-v3 .hdr-cretors-slider-icon .icon svg {
  color: var(--icon-clr-2);
}

.main-header-v3 .hdr-notification-wrapper,
.main-header-v3 .hdr-crt-wrapper,
.main-header-v3 .hdr-profile-menu {
  background: var(--black-gradient);
}

.main-header-v3 .hdr-notification-wrapper::before,
.main-header-v3 .hdr-crt-wrapper::before,
.main-header-v3 .hdr-profile-menu::before {
  background: var(--black-gradient);
}

.main-header-v3 .hdr-notification-wrapper .btn,
.main-header-v3 .hdr-crt-wrapper .btn,
.main-header-v3 .hdr-profile-menu .btn {
  border: none;
}

.main-header-v3 .hdr-notification-wrapper .btn-theme,
.main-header-v3 .hdr-crt-wrapper .btn-theme,
.main-header-v3 .hdr-profile-menu .btn-theme {
  background: var(--themev2-bg);
}

.main-header-v3 .single-hdr-notification::before {
  background: var(--themev2-bg);
}

.main-header-v3 .single-hdr-notification .content .nott6 {
  color: var(--txt-white);
}

.main-header-v3 .single-hdr-notification .content .nott6 span {
  background: var(--themev2-bg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
}

.main-header-v3 .single-hdr-notification .content .nott6::before {
  background: var(--themev2-bg);
}

.main-header-v3 .single-hdr-cart .content::before {
  background: var(--themev2-bg);
}

.main-header-v3 .single-hdr-cart .content a {
  color: var(--txt-white);
}

.main-header-v3 .single-hdr-cart .content p {
  color: var(--white-7);
}

.main-header-v3 .single-hdr-cart .content p span {
  background: var(--themev2-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.main-header-v3 .hdr-crt-wrapper .nott6 {
  border-color: var(--white-7);
  color: var(--txt-white);
}

.main-header-v3 .hdr-crt-wrapper .button {
  border-color: var(--white-7);
}

.main-header-v3 .hdr-profile-menu li a {
  color: var(--txt-white);
}

.main-header-v3 .hdr-profile-menu li a:hover {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--icon-clr-2);
}

.main-header-v3 .hamburger span {
  background: var(--themev2-bg);
}

@media screen and (min-width: 991px) {
  .main-header-v3 .main-menu ul>li:hover>a {
    background: var(--themev2-clr);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
  }

  .main-header-v3 .main-menu ul>li:hover>.nav-drop-arrow svg {
    color: var(--icon-clr-2);
  }

  .main-header-v3 .main-menu ul>li .sub-menu {
    background: var(--black-gradient);
    box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  }

  .main-header-v3 .mega-menu {
    background: var(--black-gradient);
  }

  .main-header-v3 .hdr-cretors-wrapper {
    background: var(--black-gradient);
  }
}

@media screen and (max-width: 991px) {
  .main-header-v3 .main-menu {
    background: var(--black-gradient);
    box-shadow: 0px 70px 70px 20pxvar --menu-sdw;
  }

  .main-header-v3 .main-menu::before {
    display: none;
  }

  .main-header-v3 .main-menu ul::-webkit-scrollbar-thumb {
    background: var(--themev2-bg);
  }

  .main-header-v3 .main-menu ul li.active>a {
    color: var(--icon-clr-2);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-weight: 500;
  }

  .main-header-v3 .main-menu ul li.active .nav-drop-arrow svg {
    color: var(--icon-clr-2);
  }

  .main-header-v3 .mein-menu-tpobar .menu-logo svg .logo-color {
    fill: var(--txt-white);
  }

  .main-header-v3 .mein-menu-tpobar button svg {
    color: var(--txt-white);
  }

  .main-header-v3 .mein-menu-tpobar button:hover svg {
    color: var(--icon-clr-2);
  }

  .main-header-v3 .mein-menu-tpobar::before {
    border-color: var(--icon-clr-2);
  }
}

@media screen and (max-width: 767px) {
  .top-header-v3 .hdr-search::before {
    background-color: var(--bg-black);
    background-image: none;
  }

  .top-header-v3 .hdr-search .input-box {
    background: var(--black-gradient);
  }
}

.header-v4-area {
  padding: 30px 0px;
  background-color: var(--bg-white);
  transition: all 0.3s ease-in-out;
}

.header-v4-area.sticky-header {
  padding: 20px 0px;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
  box-shadow: 0px 20px 10px -18px var(--menu-sdw);
}

.header-v4-area.transprent-header {
  z-index: unset;
}

.hv4-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.hv4-header-right .hdr-search {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: var(--hdr-button-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  transition: all 0.3s ease-in-out;
}

.hv4-header-right .hdr-search button {
  top: 50%;
  left: 10px;
  right: auto;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.hv4-header-right .hdr-search input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  opacity: 0;
}

.hv4-header-right .hdr-search .input-box {
  width: 100%;
}

.hv4-header-right .hdr-search.active {
  width: 250px;
  border-radius: 50px;
}

.hv4-header-right .hdr-search.active button {
  left: 13px;
}

.hv4-header-right .hdr-search.active input {
  opacity: 1;
  padding: 15px;
  padding-right: 15px;
  padding-left: 40px;
}

.hv4-header-right .hamburger {
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  cursor: pointer;
}

.hv4-header-right .hamburger span {
  width: 100%;
  height: 3px;
  background: var(--title-bg);
  display: block;
  border-radius: 10px;
}

.hv4-header-right .hamburger span:first-child {
  width: 70%;
}

.hv4-header-right .hamburger span:last-child {
  width: 50%;
}

.hv4-main-menu {
  position: fixed;
  right: 0;
  top: 0;
  background-color: var(--bg-white);
  z-index: 9999999;
  min-width: 380px;
  max-height: 100vh;
  transform: translateX(425px);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  visibility: hidden;
}

.hv4-main-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.hv4-main-menu #menu-close {
  position: absolute;
  top: 20px;
  right: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
}

.hv4-main-menu #menu-close svg {
  font-size: 30px;
}

.hv4-main-menu .menu-list {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.hv4-main-menu .menu-list::-webkit-scrollbar {
  width: 3px;
}

.hv4-main-menu .menu-list::-webkit-scrollbar-thumb {
  background: var(--theme-bg);
  border-radius: 20px;
}

.hv4-main-menu ul li {
  padding: 20px 30px;
  border-bottom: 1px solid var(--border-clr);
  position: relative;
  z-index: 1;
}

.hv4-main-menu ul li::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--hv4-menu-bg);
  z-index: -1;
  left: 0;
  top: 0;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.hv4-main-menu ul li a {
  color: var(--title-clr);
  font-size: 18px;
  line-height: 1;
}

.hv4-main-menu ul li .nav-drop-arrow {
  position: absolute;
  right: 30px;
  top: 18px;
  transition: all 0.3s ease-in-out;
}

.hv4-main-menu ul li .nav-drop-arrow svg {
  color: var(--title-clr);
}

.hv4-main-menu ul li .sub-menu {
  display: none;
  position: unset;
}

.hv4-main-menu ul li .sub-menu li {
  padding: 10px 20px;
}

.hv4-main-menu ul li .sub-menu li::before {
  display: none;
}

.hv4-main-menu ul li .sub-menu li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.hv4-main-menu ul li .sub-menu li a {
  font-size: 16px;
}

.hv4-main-menu ul li:hover::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

.hv4-main-menu ul li.active::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}

.hv4-main-menu ul li.active .nav-drop-arrow {
  transform: rotateX(180deg);
}

.hv4-main-menu .mega-menu {
  position: unset;
  width: unset;
  background: rgba(0, 0, 0, 0);
  box-shadow: unset;
  border-radius: unset;
  transform: unset;
  opacity: unset;
  visibility: unset;
  transition: unset;
  max-width: unset;
  padding: unset;
  display: none;
}

.hv4-main-menu .mega-menu ul li {
  padding: 12px 20px;
}

.hv4-main-menu .mega-menu ul li::before {
  display: none;
}

.hv4-main-menu .mega-menu ul li:last-child {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-clr);
}

.hv4-main-menu .mega-menu ul li a {
  font-size: 16px !important;
  transform: translate(0);
}

.hv4-main-menu .mega-menu .single-menu-item:last-child li:last-child {
  padding-bottom: 0 !important;
  border-bottom: none;
}

.hv4-main-menu .button {
  padding: 0px 30px;
}

.hv4-main-menu .button a {
  width: 100%;
}

.hv4-menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  padding: 20px 25px;
  background-color: var(--catskill-white);
}

.hv4-menu-top .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hv4-menu-top .profile img,
.hv4-menu-top .profile svg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.hv4-menu-top .profile span {
  flex: 1;
  font-weight: 400;
  color: var(--title-clr);
  line-height: 1;
}

.hv4-menu-top .waller-connect {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hv4-menu-top .waller-connect img,
.hv4-menu-top .waller-connect svg {
  max-width: 20px;
}

.hv4-menu-top .waller-connect span {
  flex: 1;
}

@media screen and (max-width: 991px) {
  .header-v4-area {
    padding: 20px 0px;
  }
}

@media screen and (max-width: 767px) {
  .header-v4-area.sticky-header {
    padding: 15px 0px;
  }

  .hv4-header-right .hamburger span {
    height: 2px;
  }

  .hv4-main-menu {
    min-width: 300px;
  }

  .hv4-main-menu .menu-list {
    max-height: calc(100vh - 184px);
  }

  .hv4-header-right .hdr-search {
    border-radius: 50%;
    justify-content: center;
    width: 35px;
    height: 35px;
  }

  .hv4-header-right .hdr-search #hdr-search svg {
    max-width: 16px;
  }

  .hv4-header-right .hdr-search button {
    transform: translateY(0%);
    position: unset;
  }

  .hv4-header-right .hdr-search input {
    border: 1px solid var(--icon-clr);
    padding: 15px !important;
  }

  .hv4-header-right .hdr-search #hdr-search-close {
    left: auto;
  }

  .hv4-header-right .hdr-search.active {
    width: 40px;
  }

  .hv4-header-right .hdr-search.active #hdr-search {
    opacity: 0;
  }
}

@media screen and (max-width: 575px) {
  .header-v4-area {
    padding: 15px 0px;
  }

  .hv4-menu-top {
    gap: 10px;
    padding: 10px 10px;
  }

  .hv4-menu-top .waller-connect,
  .hv4-menu-top .profile {
    gap: 5px;
  }

  .hv4-main-menu .menu-list {
    max-height: calc(100vh - 154px);
  }

  .hv4-main-menu ul li {
    padding: 12px 20px;
  }

  .hv4-main-menu ul li .nav-drop-arrow {
    right: 20px;
    top: 10px;
  }

  .hv4-main-menu ul li .sub-menu li {
    padding: 8px 20px;
  }
}

.gradient-home .preloader-wrapper {
  background-image: url("https://stocksflare.com/assets/css/img/bg/gradient-preloader-bg.jpg");
}

.gradient-home #loader {
  border-top-color: #6d19fc;
}

.gradient-home #loader::before {
  border-top-color: #fff;
}

.gradient-home #settings {
  display: none;
}

.header-v5-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.top-header-v5 {
  background-color: rgba(0, 0, 0, 0);
}

.top-header-v5 .logo svg path {
  fill: var(--txt-white);
}

.top-header-v5 .hdr-search input {
  border-color: var(--white-3);
  color: var(--txt-white);
  background-color: var(--white-1);
}

.top-header-v5 .hdr-search input::-moz-placeholder {
  color: var(--white-7);
}

.top-header-v5 .hdr-search input::placeholder {
  color: var(--white-7);
}

.top-header-v5 .hdr-search button svg path {
  stroke: var(--txt-white);
}

.top-header-v5 .hdr-top-right a {
  border-color: var(--white-3);
  background: var(--white-1);
}

.top-header-v5 .my-wallet-popup {
  background: var(--theme-bg);
}

.top-header-v5 .my-wallet-popup::-webkit-scrollbar-thumb {
  background: var(--bg-white);
}

.top-header-v5 .my-wallet-popup-title .nott4 {
  color: var(--txt-white);
}

.top-header-v5 .my-wallet-popup-title .nott4 svg path {
  fill: var(--txt-white);
}

.top-header-v5 .my-wallet-popup-title p {
  color: var(--white-7);
}

.top-header-v5 .my-wallet-item {
  background-color: var(--white-1);
}

.top-header-v5 .my-wallet-item span {
  color: var(--txt-white);
}

.top-header-v5 .my-wallet-popup-button a {
  border-color: var(--white-3);
  background: var(--white-1);
}

.main-header-v5 .header-area {
  background-color: rgba(0, 0, 0, 0);
}

.main-header-v5 .header-area::before {
  background: var(--white-07);
  backdrop-filter: blur(35px);
  opacity: 1;
  z-index: unset;
}

.main-header-v5 .header-area.sticky-header {
  background: linear-gradient(270deg,
      rgba(109, 25, 252, 0.75) 0%,
      #7d1fa5 100%);
}

.main-header-v5 .header-area.sticky-header .stikymenu-logo svg path {
  fill: var(--txt-white);
}

.main-header-v5 .header-area.transprent-header {
  background: rgba(0, 0, 0, 0);
}

.main-header-v5 .hdr-notification button,
.main-header-v5 .hdr-cart button {
  background: var(--white-1);
}

.main-header-v5 .hdr-notification button.active,
.main-header-v5 .hdr-cart button.active {
  background: var(--themev2-bg);
}

.main-header-v5 .hdr-notification button svg path {
  fill: var(--txt-white);
}

.main-header-v5 .hdr-cart button svg path {
  stroke: var(--txt-white);
}

.main-header-v5 .hdr-walet button svg path {
  fill: var(--txt-white);
}

.main-header-v5 .hdr-walet button span {
  color: var(--txt-white);
}

.main-header-v5 .main-menu ul>li a {
  color: var(--txt-white);
}

.main-header-v5 .main-menu ul>li>.nav-drop-arrow svg {
  color: var(--txt-white);
}

.main-header-v5 .main-menu ul>li .sub-menu li a {
  color: var(--txt-white);
}

.main-header-v5 .single-menu-item ul li {
  border-color: var(--white-3);
}

.main-header-v5 .single-menu-item ul li a {
  color: var(--txt-white) !important;
}

.main-header-v5 .single-hdr-cretors {
  background: var(--white-03);
  border: 1px solid var(--white-05);
  backdrop-filter: blur(20px);
}

.main-header-v5 .single-hdr-cretors .content span {
  color: var(--white-7);
}

.main-header-v5 .single-hdr-cretors:hover .content a {
  color: var(--txt-white);
}

.main-header-v5 .hdr-cretors-slider-icon .icon svg {
  color: var(--txt-white);
}

.main-header-v5 .hdr-notification-wrapper,
.main-header-v5 .hdr-crt-wrapper,
.main-header-v5 .hdr-profile-menu {
  background: var(--theme-bg);
}

.main-header-v5 .hdr-notification-wrapper::before,
.main-header-v5 .hdr-crt-wrapper::before,
.main-header-v5 .hdr-profile-menu::before {
  background: var(--theme-bg);
}

.main-header-v5 .hdr-notification-wrapper .btn-theme,
.main-header-v5 .hdr-crt-wrapper .btn-theme,
.main-header-v5 .hdr-profile-menu .btn-theme {
  background: var(--themev3-bg);
}

.main-header-v5 .single-hdr-notification::before {
  background: var(--bg-white);
}

.main-header-v5 .single-hdr-notification .content .nott6 {
  color: var(--txt-white);
}

.main-header-v5 .single-hdr-notification .content .nott6 span {
  background: var(--themev3-clr);
  color: var(--txt-white);
  -webkit-text-fill-color: unset;
  padding: 0px 6px;
  border-radius: 5px;
  display: inline-block;
}

.main-header-v5 .single-hdr-notification .content .nott6::before {
  background: var(--bg-white);
}

.main-header-v5 .single-hdr-cart .content::before {
  background: var(--bg-white);
}

.main-header-v5 .single-hdr-cart .content a {
  color: var(--txt-white);
}

.main-header-v5 .single-hdr-cart .content p {
  color: var(--white-7);
}

.main-header-v5 .single-hdr-cart .content p span {
  background: var(--themev3-clr);
  color: var(--txt-white);
  -webkit-text-fill-color: unset;
  padding: 0px 6px;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
}

.main-header-v5 .hdr-crt-wrapper .nott6 {
  border-color: var(--white-7);
  color: var(--txt-white);
}

.main-header-v5 .hdr-crt-wrapper .button {
  border-color: var(--white-7);
}

.main-header-v5 .hdr-crt-wrapper .button .btn-body {
  border-color: var(--white-3);
  background: var(--white-1);
}

.main-header-v5 .hdr-profile-menu li a {
  color: var(--txt-white);
}

.main-header-v5 .hdr-profile-menu li a:hover {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--txt-white);
}

.main-header-v5 .hamburger span {
  background: var(--bg-white);
}

@media screen and (min-width: 991px) {
  .main-header-v5 .main-menu ul>li:hover>a {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    color: var(--txt-white);
  }

  .main-header-v5 .main-menu ul>li:hover>.nav-drop-arrow svg {
    color: var(--txt-white);
  }

  .main-header-v5 .main-menu ul>li .sub-menu {
    background: var(--theme-bg);
    box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  }

  .main-header-v5 .mega-menu {
    background: var(--theme-bg);
  }

  .main-header-v5 .hdr-cretors-wrapper {
    background: var(--theme-bg);
  }
}

@media screen and (max-width: 991px) {
  .main-header-v5 .main-menu {
    background: var(--theme-bg);
    box-shadow: 0px 70px 70px 20pxvar --menu-sdw;
  }

  .main-header-v5 .main-menu::before {
    display: none;
  }

  .main-header-v5 .main-menu ul::-webkit-scrollbar-thumb {
    background: var(--bg-white);
  }

  .main-header-v5 .main-menu ul li.active>a {
    color: var(--txt-white);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-weight: 500;
  }

  .main-header-v5 .main-menu ul li.active .nav-drop-arrow svg {
    color: var(--txt-white);
  }

  .main-header-v5 .mein-menu-tpobar .menu-logo svg path {
    fill: var(--txt-white);
  }

  .main-header-v5 .mein-menu-tpobar button svg {
    color: var(--txt-white);
  }

  .main-header-v5 .mein-menu-tpobar button:hover svg {
    color: var(--txt-white);
  }

  .main-header-v5 .mein-menu-tpobar::before {
    border-color: var(--white-7);
    border-width: 1px;
  }
}

@media screen and (max-width: 767px) {
  .top-header-v5 .hdr-search::before {
    background-color: var(--theme-bg);
    backdrop-filter: blur(35px);
  }

  .top-header-v5 .hdr-search .input-box {
    background: var(--themev3-bg);
  }
}

.fantasy-home {
  background-color: var(--fantasy);
}

.header-v6-area .my-wallet-popup {
  top: 154px;
  height: calc(100vh - 154px);
  background-color: var(--themev4-bg);
}

.header-v6-area .my-wallet-popup::-webkit-scrollbar-thumb {
  background: var(--bg-white);
}

.header-v6-area .my-wallet-popup-title .nott4 {
  color: var(--txt-white);
}

.header-v6-area .my-wallet-popup-title .nott4 svg path {
  fill: var(--txt-white);
}

.header-v6-area .my-wallet-popup-title p {
  color: var(--txt-white);
}

.header-v6-area .my-wallet-item {
  background: var(--white-3);
}

.header-v6-area .my-wallet-item span {
  color: var(--txt-white);
}

.header-v6-area .my-wallet-popup-button .btn {
  border-radius: 0;
  background: var(--bg-white);
  color: var(--themev4-clr);
}

.header-v6-area .input-box {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--fantasy);
  width: calc(100% - 30px);
  max-width: 600px;
  padding: 50px 30px;
  z-index: 99;
  box-shadow: 0px 0px 50px 30px var(--menu-sdw);
  opacity: 0;
  visibility: hidden;
}

.header-v6-area .input-box input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--themev4-bg);
  background-color: rgba(0, 0, 0, 0);
  padding: 15px 20px;
  outline: none;
}

.header-v6-area .input-box #hdr-search-close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--themev4-clr);
  font-size: 24px;
  right: 5px;
  top: 5px;
}

.header-v6-topbar {
  padding: 30px 0px 15px;
}

.header-v6-topbar .logo {
  margin: 0 auto;
}

.header-v6-main {
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: var(--paragraph-bg);
  background-color: var(--fantasy);
}

.header-v6-main.sticky-header {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
  box-shadow: 0px 20px 10px -18px var(--menu-sdw);
  border: none;
}

.hdrv6-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 30px;
}

.hdrv6-main-left {
  display: flex;
  align-items: center;
  gap: 25px;
}

.hdrv6-main-left .hdr-notification button,
.hdrv6-main-left .hdr-cart button {
  background: var(--title-1);
}

.hdrv6-main-left .hdr-notification button.active,
.hdrv6-main-left .hdr-cart button.active {
  background: var(--themev4-bg);
}

.hdrv6-main-left .hdr-profile-menu,
.hdrv6-main-left .hdr-notification-wrapper,
.hdrv6-main-left .hdr-crt-wrapper {
  background: var(--themev4-bg);
  right: auto;
  left: -20px;
  border-radius: 0;
}

.hdrv6-main-left .hdr-profile-menu::before,
.hdrv6-main-left .hdr-notification-wrapper::before,
.hdrv6-main-left .hdr-crt-wrapper::before {
  background-color: var(--themev4-bg);
  right: auto;
  left: 30px;
}

.hdrv6-main-left .hdr-crt-wrapper .nott6 {
  color: var(--txt-white);
}

.hdrv6-main-left .hdr-crt-wrapper .btn {
  border-radius: 0;
}

.hdrv6-main-left .hdr-crt-wrapper .btn-theme {
  background: var(--bg-white);
  color: var(--themev4-clr);
}

.hdrv6-main-left .single-hdr-cart .content::before {
  background: var(--txt-white);
}

.hdrv6-main-left .single-hdr-cart .content a {
  color: var(--txt-white);
}

.hdrv6-main-left .single-hdr-cart .content p {
  color: var(--white-7);
}

.hdrv6-main-left .single-hdr-cart .content p span {
  background: var(--txt-white);
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--themev4-clr);
  padding: 0px 5px;
  font-size: 14px;
}

.hdrv6-main-left .hdr-notification-wrapper .btn {
  border-radius: 0;
  background: var(--bg-white);
  color: var(--themev4-clr);
}

.hdrv6-main-left .single-hdr-notification::before {
  background: var(--bg-white);
}

.hdrv6-main-left .single-hdr-notification .content .nott6 {
  color: var(--txt-white);
}

.hdrv6-main-left .single-hdr-notification .content .nott6 span {
  background: var(--bg-white);
  color: var(--themev4-clr);
  padding: 0px 5px;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.hdrv6-main-left .single-hdr-notification .content .nott6::before {
  background: var(--bg-white);
}

.hdrv6-main-left .hdr-profile-menu li a {
  color: var(--txt-white);
}

.hdrv6-main-left .hdr-profile-menu li a:hover {
  color: var(--txt-white);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.hdrv6-main-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
}

.hdrv6-main-right .search {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--title-1);
}

.hdrv6-main-menu {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: var(--paragraph-bg);
  max-width: 767px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
}

.hdrv6-main-menu .single-hdr-cretors {
  border-color: var(--white-3);
}

.hdrv6-main-menu .single-hdr-cretors .content a {
  color: var(--txt-white);
}

.hdrv6-main-menu .single-hdr-cretors .content span {
  color: var(--white-7);
}

.hdrv6-main-menu .hdr-cretors-slider-icon .icon svg {
  color: var(--txt-white);
}

@media screen and (min-width: 991px) {
  .hdrv6-main-menu .main-menu ul {
    flex-wrap: wrap;
  }

  .hdrv6-main-menu .main-menu ul>li:hover>a {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--themev4-clr);
  }

  .hdrv6-main-menu .main-menu ul>li:hover .nav-drop-arrow svg {
    color: var(--themev4-clr);
  }

  .hdrv6-main-menu .main-menu ul>li .sub-menu {
    background: var(--themev4-bg);
    border-radius: 0;
  }

  .hdrv6-main-menu .main-menu ul>li .sub-menu li a {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .mega-menu {
    background: var(--themev4-bg);
    border-radius: 0;
  }

  .hdrv6-main-menu .single-menu-item ul li {
    border-color: var(--white-3);
  }

  .hdrv6-main-menu .single-menu-item ul li a {
    color: var(--txt-white) !important;
  }

  .hdrv6-main-menu .hdr-cretors-wrapper {
    background: var(--themev4-bg);
  }

  .hdrv6-main-menu .single-hdr-cretors {
    border-color: var(--white-3);
  }

  .hdrv6-main-menu .single-hdr-cretors .content a {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .single-hdr-cretors .content span {
    color: var(--white-7);
  }
}

@media screen and (max-width: 1400px) {
  .hdrv6-main-menu {
    max-width: 590px;
  }

  .hdrv6-main-menu .main-menu ul {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .hdrv6-main-wrapper {
    gap: 20px;
  }

  .hdrv6-main-menu {
    max-width: 500px;
  }

  .hdrv6-main-menu .main-menu ul {
    grid-gap: 12px;
  }

  .hdrv6-main-left {
    gap: 15px;
  }

  .hdrv6-main-right {
    gap: 15px;
  }

  .hdrv6-main-right .btn-theme-4 {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 991px) {
  .header-v6-topbar .logo {
    margin: 0;
  }

  .header-v6-topbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .hdrv6-main-right .hamburger span {
    background: var(--themev4-bg);
  }

  .hdrv6-main-menu {
    max-width: 0;
  }

  .hdrv6-main-menu .mein-menu-tpobar::before {
    border-color: var(--fantasy);
    border-width: 1px;
  }

  .hdrv6-main-menu .mein-menu-tpobar .menu-logo svg path {
    fill: var(--txt-white);
  }

  .hdrv6-main-menu .mein-menu-tpobar button svg {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .mein-menu-tpobar button svg:hover {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .main-menu {
    background-color: var(--themev4-bg);
  }

  .hdrv6-main-menu .main-menu>ul::-webkit-scrollbar-thumb {
    background: var(--bg-white);
  }

  .hdrv6-main-menu .main-menu>ul li a {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .main-menu>ul li .nav-drop-arrow svg {
    color: var(--txt-white);
  }

  .hdrv6-main-menu .main-menu>ul li.active a {
    color: var(--txt-white);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }

  .hdrv6-main-wrapper {
    padding: 12px 0px;
  }

  .hdrv6-main-right .btn-theme-4 {
    padding: 15px 24px;
  }

  .header-v6-area .my-wallet-popup {
    top: 159px;
    height: calc(100vh - 159px);
  }
}

@media screen and (max-width: 767px) {
  .header-v6-area .my-wallet-popup {
    top: 154px;
    height: calc(100vh - 154px);
  }
}

@media screen and (max-width: 575px) {
  .header-v6-area .my-wallet-popup {
    top: 132px;
    height: calc(100vh - 132px);
  }

  .header-v6-topbar {
    padding: 15px 0px 15px;
  }

  .header-v6-topbar-wrapper .btn {
    font-size: 16px;
    padding: 12px 20px;
  }

  .hdrv6-main-right .search {
    width: 32px;
    height: 32px;
    background-color: var(--title-1);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .hdrv6-main-right .search svg {
    max-width: 16px;
  }

  .hdrv6-main-left {
    gap: 10px;
  }

  .hdrv6-main-left .hdr-notification-wrapper {
    left: -10px;
  }

  .hdrv6-main-left .hdr-notification-wrapper::before {
    left: 20px;
  }

  .hdr-v6-search .input-box {
    padding: 40px 20px;
  }

  .hdr-v6-search .input-box input {
    height: 50px;
    padding: 10px 15px;
  }
}

.footer-area {
  background-color: var(--wallet-bg);
}

#scroll-up {
  width: 40px;
  height: 40px;
  background: var(--theme-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 50px;
  bottom: 20px;
  z-index: 9;
  border-radius: 5px;
  box-shadow: 0px 5px 20px 15px var(--menu-sdw);
  animation: bounce 10s linear infinite;
}

#scroll-up svg {
  color: var(--txt-white);
  font-size: 24px;
}

@keyframes bounce {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}

.footer-left {
  max-width: 470px;
  width: 100%;
}

.footer-left>a {
  max-width: 170px;
  display: block;
  margin-bottom: 25px;
}

.footer-left>a img,
.footer-left>a svg {
  max-width: 100%;
  max-height: 100%;
}

.footer-left p {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
}

.footer-right {
  max-width: 800px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.single-ftr-item .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
}

.single-ftr-item ul li {
  margin-bottom: 15px;
}

.single-ftr-item ul li:last-child {
  margin-bottom: 0;
}

.single-ftr-item ul li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--pragraph-clr);
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  line-height: 1.3;
}

.single-ftr-item ul li a:hover {
  color: rgba(0, 0, 0, 0);
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  transform: translateX(5px);
}

.copyRight {
  background-color: var(--tealish-blue);
  padding: 18px 0px;
  text-align: center;
}

.copyRight span {
  font-size: 15px;
  line-height: 1;
  color: var(--txt-white);
}

@media screen and (max-width: 1350px) {
  .footer-left {
    max-width: 415px;
  }
}

@media screen and (max-width: 1199px) {
  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-right {
    max-width: 100%;
  }

  .footer-left {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-left p {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .single-ftr-item .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .footer-wrapper {
    gap: 30px;
  }

  .footer-right {
    gap: 20px;
  }

  .single-ftr-item .title {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .single-ftr-item ul li {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 575px) {
  .footer-left {
    display: block;
    max-width: 100%;
  }

  .footer-left>a {
    max-width: 150px;
    margin-bottom: 10px;
  }

  .footer-left p {
    margin-bottom: 15px;
    text-align: left;
  }

  .footer-right {
    flex-direction: column;
    gap: 30px;
  }

  .copyRight {
    padding: 12px 0px;
  }
}

@media screen and (max-width: 450px) {
  .ftr-srbscribe .input input {
    height: 50px;
    padding: 15px 20px;
  }

  .ftr-srbscribe .input button {
    position: unset;
    transform: translateY(0%);
    height: 50px;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
  }
}

.dark-footer-area::before {
  background: var(--mirage);
}

.dark-footer-area .nott4,
.dark-footer-area p {
  color: var(--txt-white);
}

.dark-footer-area ul li a {
  color: var(--snow-txt);
}

.dark-footer-area ul li a:hover {
  color: var(--icon-clr-2);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.dark-footer-area .social-icon .button .icon {
  color: var(--txt-white);
}

.dark-footer-area .social-icon .button span {
  color: var(--icon-clr-2);
}

.dark-footer-area .social-icon .button:hover span,
.dark-footer-area .social-icon .button:hover .icon {
  color: var(--icon-clr-2);
}

.dark-footer-area #scroll-up {
  background: var(--black-gradient);
}

.footer-v5 .dark-footer-area {
  background-image: url("https://stocksflare.com/assets/css/img/bg/gradient-ftr-bg.jpg") !important;
}

.footer-v5 .dark-footer-area::before {
  background: linear-gradient(270deg,
      rgba(109, 25, 252, 0.85) 0%,
      rgba(125, 31, 165, 0.85) 100%);
}

.footer-v5 .dark-footer-area #scroll-up {
  background: var(--themev3-clr);
}

.footer-v5 ul li a:hover {
  color: var(--txt-white);
}

.footer-v5 .social-icon .button span {
  color: var(--txt-white);
}

.footer-v5 .social-icon .button:hover span,
.footer-v5 .social-icon .button:hover .icon {
  color: var(--txt-white);
}

.footer-v5 .copyRight {
  display: none;
}

.footer-v5 .copyright-txt {
  display: block !important;
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 15px;
}

@media screen and (max-width: 1199px) {
  .footer-v5 .footer-wrapper {
    padding-bottom: 70px;
    position: relative;
  }

  .footer-v5 .copyright-txt {
    width: 100%;
    margin-top: 0px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .footer-v5 .footer-wrapper {
    padding-bottom: 50px;
  }
}

.fantasy-footer-area #scroll-up {
  background: var(--themev4-clr);
  border-radius: 0;
}

.fantasy-footer {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.fantasy-footer .shape {
  position: absolute;
  z-index: -1;
  width: 5%;
}

.fantasy-footer .shape-01 {
  bottom: 20%;
  left: 3%;
}

.fantasy-footer .shape-02 {
  left: 38%;
  bottom: 10%;
}

.fantasy-footer .shape-02 img {
  animation: rotate 10s linear infinite;
}

.fantasy-footer .shape-03 {
  right: 10%;
  bottom: 10%;
}

.fantasy-footer-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.fantasy-footer-wrapper .single-ftr-item ul li a:hover {
  color: var(--themev4-clr);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.fantasy-footer-left,
.fantasy-footer-right {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  gap: 30px;
  max-width: 370px;
  position: relative;
}

.fantasy-footer-left::before,
.fantasy-footer-right::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 200%;
  background-color: var(--paragraph-clr);
  top: 50%;
  transform: translateY(-50%);
}

.fantasy-footer-left::after,
.fantasy-footer-right::after {
  position: absolute;
  content: "";
  width: 200%;
  height: 1px;
  background-color: var(--paragraph-clr);
  top: 35px;
}

.fantasy-footer-left {
  padding-right: 48px;
}

.fantasy-footer-left::after,
.fantasy-footer-left::before {
  right: 0;
}

.fantasy-footer-right {
  padding-left: 48px;
}

.fantasy-footer-right::after,
.fantasy-footer-right::before {
  left: 0;
}

.fantasy-footer-middle {
  max-width: 567px;
  width: 100%;
  text-align: center;
  padding: 0px 10px;
}

.fantasy-footer-middle>a {
  max-width: 170px;
}

.fantasy-footer-middle>a svg {
  max-width: 100%;
  max-height: 100%;
}

.fantasy-footer-middle p {
  max-width: 470px;
  margin: 25px auto 30px;
}

.fantasy-footer-middle .social-icon {
  justify-content: center;
}

.fantasy-footer-middle .social-icon .button {
  width: 18px;
}

.fantasy-footer-middle .social-icon .button span {
  display: none;
}

.fantasy-footer-middle .social-icon .button:hover {
  width: 18px;
}

.fantasy-footer-middle .social-icon .button:hover .icon {
  color: var(--themev4-clr);
}

@media screen and (max-width: 1199px) {
  .fantasy-footer .single-ftr-item .title {
    font-size: 23px;
  }

  .fantasy-footer-left,
  .fantasy-footer-right {
    gap: 20px;
    max-width: 300px;
  }

  .fantasy-footer-left {
    padding-right: 20px;
  }

  .fantasy-footer-right {
    padding-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fantasy-footer-wrapper {
    flex-wrap: wrap;
    gap: 40px 60px;
    justify-content: center;
  }

  .fantasy-footer-middle {
    order: 0;
    padding: 0;
  }

  .fantasy-footer-middle p {
    max-width: 100%;
    margin: 20px auto;
  }

  .fantasy-footer-left {
    order: 2;
  }

  .fantasy-footer-right {
    order: 3;
  }

  .fantasy-footer-left,
  .fantasy-footer-right {
    padding: 0;
    gap: 30px;
    width: calc(50% - 15px);
  }

  .fantasy-footer-left::after,
  .fantasy-footer-left::before,
  .fantasy-footer-right::after,
  .fantasy-footer-right::before {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .fantasy-footer .single-ftr-item .title {
    font-size: 18px;
    white-space: nowrap;
  }

  .fantasy-footer-wrapper {
    gap: 30px;
  }

  .fantasy-footer-left,
  .fantasy-footer-right {
    justify-content: center;
    gap: 30px;
  }

  .fantasy-footer-middle>a {
    width: 150px;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 575px) {
  .fantasy-footer-wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .fantasy-footer-left,
  .fantasy-footer-right {
    flex-direction: column;
  }

  .fantasy-footer-middle {
    text-align: left;
    margin: 0;
  }

  .fantasy-footer-middle p {
    margin: 10px 0px 20px;
  }

  .fantasy-footer-middle .social-icon {
    justify-content: flex-start;
  }
}

.counter-wrapper {
  display: flex;
  justify-content: center;
  grid-gap: 25px;
}

.counter-wrapper .counter-wrap {
  width: 20%;
  padding: 25px;
  box-shadow: 0px 1px 3px var(--hdr-course-sdw),
    0px 1px 2px var(--ftr-subscribe-sdw);
  border-radius: 20px;
  background-color: var(--white-bg);
  text-align: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.counter-wrapper .counter-wrap:hover {
  box-shadow: 0px 40px 40px -10px var(--sub-menu-sdw);
}

.counter-wrapper .counter-wrap p {
  font-family: var(--roboto);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--theme-clr);
  margin: 20px 0px 10px;
}

.counter-wrapper .counter-wrap .nott2 {
  font-family: var(--khula);
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 1199px) {
  .counter-wrapper {
    gap: 20px;
  }

  .counter-wrapper .counter-wrap {
    padding: 20px;
  }

  .counter-wrapper .counter-wrap img,
  .counter-wrapper .counter-wrap svg {
    max-width: 45px;
    max-height: 45px;
  }

  .counter-wrapper .counter-wrap p {
    font-size: 16px;
    margin-top: 15px;
  }

  .counter-wrapper .counter-wrap .nott2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .counter-wrapper {
    flex-wrap: wrap;
  }

  .counter-wrapper .counter-wrap {
    width: calc(25% - 15px);
  }

  .counter-wrapper .counter-wrap {
    padding: 20px 10px;
  }

  .counter-wrapper .counter-wrap p {
    font-size: 14px;
    margin: 10px 0px;
  }

  .counter-wrapper .counter-wrap .nott2 {
    font-size: 24px;
  }

  .counter-wrapper .counter-wrap svg,
  .counter-wrapper .counter-wrap img {
    max-width: 40px;
    max-height: 40px;
  }
}

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

  .counter-wrapper .counter-wrap {
    width: calc(33.3333333333% - 15px);
  }
}

@media screen and (max-width: 490px) {
  .counter-wrapper {
    gap: 15px;
  }

  .counter-wrapper .counter-wrap {
    width: calc(50% - 10px);
  }

  .counter-wrapper .counter-wrap .nott2 {
    font-size: 20px;
  }
}

.social-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}

.social-icon .button {
  width: 18px;
  height: auto;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  gap: 6px;
}

.social-icon .button:hover {
  width: 100px;
}

.social-icon .button:hover span {
  flex: 1;
  color: var(--icon-clr);
}

.social-icon .button:hover .icon {
  color: var(--icon-clr);
}

.social-icon .button .icon {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--title-clr);
  font-size: 18px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.social-icon .button span {
  font-size: 16px;
  font-weight: 500;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

@media screen and (max-width: 575px) {
  .social-icon .button .icon {
    font-size: 16px;
  }

  .social-icon .button span {
    font-size: 16px;
  }
}

.single-from {
  margin-bottom: 25px;
}

.single-from:last-child {
  margin-bottom: 0;
}

.single-from label {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}

.single-from input,
.single-from textarea {
  width: 100%;
  height: 60px;
  background-color: var(--bg-white);
  border-radius: 3px;
  outline: none;
  border: 1px solid var(--border-clr);
  padding: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-from input::-moz-placeholder,
.single-from textarea::-moz-placeholder {
  font-size: 15px;
}

.single-from input::placeholder,
.single-from textarea::placeholder {
  font-size: 15px;
}

.single-from input:focus,
.single-from textarea:focus {
  border-color: var(--icon-clr);
}

.single-from textarea {
  height: 150px;
  resize: none;
}

.single-from .nice-select {
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-from .nice-select.open,
.single-from .nice-select.active .single-from .nice-select:focus {
  border-color: var(--icon-clr);
}

.outline-input input,
.outline-input textarea,
.outline-input .nice-select {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--border-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.outline-input input:focus,
.outline-input textarea:focus,
.outline-input .nice-select:focus {
  border-color: var(--icon-clr);
}

.outline-input .nice-select:hover {
  border-color: rgba(0, 0, 0, 0);
}

.outline-input .nice-select.active,
.outline-input .nice-select:focus,
.outline-input .nice-select.open {
  border-color: var(--icon-clr);
}

.with-number-code .number {
  position: relative;
}

.with-number-code .number input {
  padding-left: 90px;
}

.with-number-code .number input[type="number"]::-webkit-inner-spin-button,
.with-number-code .number input[type="number"]::-webkit-outer-spin-button {
  opacity: 0;
}

.with-number-code .number .country-code {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
}

.with-number-code .number .country-code .nice-select {
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 0;
  margin: 0;
  width: auto;
  padding-left: 20px;
  font-size: 15px;
  color: var(--body-clr);
}

.with-number-code .number .country-code .nice-select::after {
  right: auto;
  left: 0;
  content: url("https://api.iconify.design/akar-icons/chevron-down.svg");
}

.with-number-code .number .country-code .nice-select .list {
  width: calc(100% + 40px);
  z-index: 999;
  margin-top: 1px;
}

.nice-select {
  background: var(--wallet-bg);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 10px;
  color: var(--title-clr);
  border-radius: 0px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  transition: 0.3s;
  position: relative;
}

.nice-select .option {
  font-size: 16px;
}

.nice-select:focus,
.nice-select:active {
  border-color: var(--icon-clr);
}

.nice-select::after {
  border-bottom: none;
  border-right: none;
  content: url("https://api.iconify.design/akar-icons/chevron-down.svg");
  margin-top: unset;
  pointer-events: none;
  right: 20px;
  top: 50%;
  transform: rotateX(0deg) translate(0%, -50%);
  transition: 600ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 10px;
  height: 10px;
}

.nice-select.open::after {
  transform: rotateX(-180deg) translate(0%, calc(50% + 2px));
}

.nice-select .list {
  background-color: #fdfdfd;
  width: calc(100% + 2px);
  position: absolute;
  color: #000;
  border-radius: 0;
  z-index: 999;
  left: -1px;
}

@media screen and (max-width: 767px) {
  .single-from {
    margin-bottom: 20px;
  }

  .single-from label {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .single-from input,
  .single-from textarea {
    height: 50px;
    padding: 15px;
  }

  .single-from textarea {
    height: 120px;
  }

  .nice-select {
    height: 50px;
  }
}

.play-button {
  position: relative;
  z-index: 1;
}

.play-button::before,
.play-button::after {
  position: absolute;
  content: "";
  background: var(--bg-white);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  transform: scale(0.5);
  animation: play_button 1.5s linear infinite;
  opacity: 0;
}

.play-button::after {
  animation-delay: 0.5s;
}

.play-button a {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
}

.play-button a svg {
  margin-left: 5px;
}

@keyframes play_button {
  0% {
    transform: scale(0.2);
  }

  50% {
    opacity: 0.2;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

@media screen and (max-width: 767px) {
  .play-button a {
    width: 50px;
    height: 50px;
  }

  .play-button a svg {
    width: 20px;
    height: 20px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.pagination li a {
  font-size: 18px;
  font-weight: 500;
  color: var(--title-clr);
  line-height: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.pagination li a:hover {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.pagination li a.dot {
  font-size: 24px;
}

.pagination li a.btn {
  color: var(--txt-white);
}

.pagination li a.btn:hover {
  background: var(--theme-bg);
  color: var(--txt-white);
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
}

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

@media screen and (max-width: 575px) {
  .pagination {
    gap: 15px;
  }

  .pagination li a {
    font-size: 16px;
  }

  .pagination li a.btn {
    padding: 10px 16px;
  }
}

.single-pymnt .label-check {
  display: block;
  font-size: 20px;
  color: var(--font-clr);
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: normal;
  font-weight: 600;
  line-height: 1;
  font-family: var(--khula);
  user-select: none;
}

.single-pymnt .label-check input[type="radio"] {
  display: none;
}

.single-pymnt .label-check input[type="radio"]:checked~span {
  border-color: var(--theme-bdr);
}

.single-pymnt .label-check input[type="radio"]:checked~span::before {
  opacity: 1;
}

.single-pymnt .label-check span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--font-clr);
  top: 50%;
  transform: translateY(-60%);
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-pymnt .label-check span::before {
  width: 10px;
  height: 10px;
  position: absolute;
  content: "";
  background-color: var(--theme-bg);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .single-pymnt .label-check {
    display: block;
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .single-pymnt .label-check {
    display: block;
    font-size: 16px;
    padding-left: 25px;
  }

  .single-pymnt .label-check span {
    width: 16px;
    height: 16px;
    border-width: 1px;
  }

  .single-pymnt .label-check span::before {
    width: 8px;
    height: 8px;
  }
}

.label-check {
  position: relative;
  user-select: none;
  cursor: pointer;
}

.label-check input[type="radio"],
.label-check input[type="checkbox"] {
  display: none;
}

.label-check input[type="radio"]:checked~.radio-box,
.label-check input[type="radio"]:checked~.box,
.label-check input[type="checkbox"]:checked~.radio-box,
.label-check input[type="checkbox"]:checked~.box {
  border-color: var(--icon-clr);
}

.label-check input[type="radio"]:checked~.radio-box::before,
.label-check input[type="radio"]:checked~.box::before,
.label-check input[type="checkbox"]:checked~.radio-box::before,
.label-check input[type="checkbox"]:checked~.box::before {
  opacity: 1;
}

.label-check .name {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  padding-left: 30px;
  transition: all 0.3s ease-in-out;
  display: block;
  color: var(--title-clr);
}

.label-check .radio-box,
.label-check .box {
  width: 18px;
  height: 18px;
  border: 2px solid var(--paragraph-bg);
  border-radius: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.label-check .radio-box::before,
.label-check .box::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  border-width: 0px 2px 2px 0px;
  border-color: var(--icon-clr);
  border-style: solid;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.label-check .radio-box {
  border-radius: 50%;
}

.label-check .radio-box::before {
  width: 8px;
  height: 8px;
  background-color: var(--icon-clr);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  border-radius: 50%;
}

.newsletter-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.newsletter-area .anemiXY {
  position: absolute;
  content: "";
  z-index: -1;
}

.newsletter-area .shape-01 {
  top: 10%;
  left: 15%;
}

.newsletter-area .shape-02 {
  left: 5%;
  bottom: 15px;
}

.newsletter-area .shape-03 {
  top: 10%;
  right: 15%;
}

.newsletter-area .shape-04 {
  bottom: 10%;
  right: 5%;
}

.newsletter-content {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.newsletter-content .nott2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.newsletter-content .form {
  margin-top: 25px;
  display: flex;
  gap: 10px;
}

.newsletter-content .form .single-from {
  max-width: 360px;
  width: 100%;
  margin-bottom: 0;
}

.newsletter-content .form .single-from input {
  height: 55px;
}

.newsletter-content .form button {
  height: 55px;
  width: 130px;
  border-radius: 5px;
}

@media screen and (max-width: 991px) {
  .newsletter-area .anemiXY img {
    max-width: 50px;
  }

  .newsletter-content .nott2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 575px) {
  .newsletter-area .anemiXY img {
    max-width: 20px;
  }

  .newsletter-content .nott2 {
    font-size: 26px;
  }

  .newsletter-content .form {
    flex-direction: column;
    margin-top: 20px;
  }

  .newsletter-content .form .single-from,
  .newsletter-content .form button {
    max-width: 100%;
    width: 100%;
    height: 45px;
  }

  .newsletter-content .form .single-from input,
  .newsletter-content .form button input {
    height: 45px;
  }
}

.insta-post {
  display: flex;
}

@media screen and (max-width: 1400px) {
  .insta-post a:nth-child(9) {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .insta-post a:nth-child(10) {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .insta-post a:nth-child(8) {
    display: none;
  }
}

@media screen and (max-width: 767px) {

  .insta-post a:nth-child(7),
  .insta-post a:nth-child(8) {
    display: none;
  }
}

@media screen and (max-width: 575px) {

  .insta-post a:nth-child(5),
  .insta-post a:nth-child(6) {
    display: none;
  }
}

.preloader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("https://stocksflare.com/assets/css/img/bg/home-v1-banner.jpg");
  background-color: var(--bg-white);
  z-index: 9999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

/* #preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: #6d19fc;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: #ee9715;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: #55c1af;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

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

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

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

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

@media screen and (max-width: 575px) {
  #loader {
    width: 100px;
    height: 100px;
  }
}

.loaded .preloader-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: scale(10);
}

.creator-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px;
}

.creator-card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
  background-color: var(--bg-white);
  border-radius: 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.creator-card .content a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.creator-card .content a .author-img {
  display: flex;
}

.creator-card .content a .author-img img {
  margin-left: -20%;
}

.creator-card .content a .author-img img:first-child {
  margin-left: 0;
}

.creator-card .content a .author-img img:last-child {
  border: 2px solid var(--bg-white);
}

.creator-card .content a img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.creator-card .content a span {
  flex: 1;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
}

.creator-card .content p {
  margin-top: 5px;
  line-height: 24px;
}

.creator-card .img {
  border-radius: 10px;
  overflow: hidden;
}

.creator-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.creator-card:hover {
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

.creator-card:hover .img img {
  transform: scale(1);
}

.creator-card:hover .button a {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.creator-card:hover .button a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 1199px) {
  .creator-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .creator-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .creator-cards {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

  .creator-card .content a span {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .creator-cards {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.auction-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.auction-card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
  background-color: var(--bg-white);
  border-radius: 10px;
}

.auction-card .author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.auction-card .author .author-img {
  display: flex;
}

.auction-card .author .author-img img {
  margin-left: -20%;
}

.auction-card .author .author-img img:first-child {
  margin-left: 0;
}

.auction-card .author .author-img img:last-child {
  border: 2px solid var(--bg-white);
}

.auction-card .author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.auction-card .author span {
  flex: 1;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
}

.auction-card .img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.auction-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.auction-card .img .cart {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 5px;
}

.auction-card .img .cart .clickable-cart {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-25);
}

.auction-card .img .cart .clickable-cart svg {
  color: var(--txt-white);
  font-size: 24px;
}

.auction-card .img .cart .clickable-cart.active svg {
  color: var(--heart-clr);
}

.auction-card .img .cart span {
  font-weight: 500;
  color: var(--txt-white);
  line-height: 1;
  display: inline-block;
}

.auction-card .img .duration {
  position: absolute;
  bottom: 25px;
  width: calc(100% - 30px);
  max-width: 230px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background-color: var(--duration-bg);
  backdrop-filter: blur(50px);
  padding: 10px;
  border-radius: 5px;
  gap: 20px;
  justify-content: center;
  z-index: 3;
}

.auction-card .img .duration li {
  color: var(--txt-white);
  font-weight: 500;
  line-height: 1;
}

.auction-card .img .duration .middle-line,
.auction-card .img .duration .line {
  height: 18px;
  width: 1px;
  background-color: var(--bg-white);
  display: none;
}

.auction-card .img .duration li,
.auction-card .img .duration .countdown-item {
  position: relative;
}

.auction-card .img .duration li::before,
.auction-card .img .duration .countdown-item::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: var(--bg-white);
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}

.auction-card .img .duration li:first-child::before,
.auction-card .img .duration .countdown-item:first-child::before {
  display: none;
}

.auction-card .img .duration .countdown-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.auction-card .img .duration .countdown-item .ci-inner {
  color: var(--txt-white);
  font-size: 16px;
  font-weight: 500;
}

.auction-card .img .duration .countdown-item .nott4 {
  color: var(--txt-white);
  font-size: 16px;
  font-weight: 500;
}

.auction-card .img .duration .countdown-item:last-child {
  width: 34px;
}

.auction-card .img.video .popup-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-white);
}

.auction-card .img.video .popup-video svg {
  color: var(--icon-clr);
  font-size: 20px;
}

.auction-card .img.video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: var(--crd-vdeo-overlay);
  border-radius: 20px;
}

.auction-card .nott6 {
  font-weight: 500;
  line-height: 1;
  color: var(--title-clr);
  font-size: 18px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.auction-card ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.auction-card ul li {
  font-size: 16px;
  font-weight: 500;
  color: var(--title-clr);
}

.auction-card ul li span {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.auction-card ul li .btn {
  font-size: 16px;
  padding: 11px 20px;
}

.auction-card:hover ul li a {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.auction-card:hover ul li a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.theme-txt,
.product-card:hover .content ul li a,
.product-card:hover .img .eth span,
.auction-card ul li span,
.auction-card:hover .nott6 {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1400px) {
  .auction-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .auction-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .auction-cards {
    grid-gap: 20px;
  }

  .auction-card {
    gap: 10px;
  }

  .auction-card .author span {
    font-size: 16px;
  }

  .auction-card .img .duration {
    bottom: 15px;
    width: calc(100% - 20px);
    gap: 15px;
  }

  .auction-card .img .duration li {
    font-size: 14px;
  }

  .auction-card .img .duration .countdown-item {
    gap: 3px;
  }

  .auction-card .img .duration .countdown-item .ci-inner,
  .auction-card .img .duration .countdown-item .nott4 {
    font-size: 14px;
  }

  .auction-card .img .duration li::before,
  .auction-card .img .duration .countdown-item::before {
    left: -7px;
  }

  .auction-card .img .cart .clickable-cart {
    width: 34px;
    height: 34px;
  }

  .auction-card .img .cart .clickable-cart svg {
    font-size: 18px;
  }

  .auction-card .nott6 {
    font-size: 17px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .auction-cards {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }

  .auction-card .img .duration {
    gap: 20px;
  }

  .auction-card .img .duration li::before,
  .auction-card .img .duration .countdown-item::before {
    left: -10px;
  }
}

.auction-card-v2 {
  padding: 15px;
  background: var(--white-03);
  border: 1px solid var(--white-3);
  backdrop-filter: blur(40px);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.auction-card-v2 .img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.auction-card-v2 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  transform: scale(1.01);
}

.auction-card-v2 .img .countdown-clock {
  position: absolute;
  bottom: 15px;
  width: calc(100% - 30px);
  max-width: 220px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  background-color: var(--durationv2-bg);
  backdrop-filter: blur(20px);
  padding: 10px;
  border-radius: 20px;
  gap: 5px;
  justify-content: space-between;
  z-index: 3;
}

.auction-card-v2 .img .countdown-clock .countdown-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

.auction-card-v2 .img .countdown-clock .countdown-item::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: var(--bg-white);
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}

.auction-card-v2 .img .countdown-clock .countdown-item:first-child::before {
  display: none;
}

.auction-card-v2 .img .countdown-clock .countdown-item .ci-inner {
  color: var(--txt-white);
  font-size: 16px;
  font-weight: 500;
}

.auction-card-v2 .img .countdown-clock .countdown-item .nott4 {
  color: var(--txt-white);
  font-size: 16px;
  font-weight: 500;
}

.auction-card-v2 .img .countdown-clock .countdown-item:last-child {
  width: 34px;
}

.auction-card-v2 .content .nott6 {
  color: var(--txt-white);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
}

.auction-card-v2 .content p {
  color: var(--txt-white);
  line-height: 1;
  font-weight: 400;
  margin-top: 10px;
}

.auction-card-v2 ul {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.auction-card-v2 ul li .cart {
  display: flex;
  align-items: center;
  gap: 10px;
}

.auction-card-v2 ul li .cart .clickable-cart {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-25);
}

.auction-card-v2 ul li .cart .clickable-cart svg {
  color: var(--txt-white);
  font-size: 24px;
}

.auction-card-v2 ul li .cart .clickable-cart.active svg {
  color: var(--heart-clr);
}

.auction-card-v2 ul li .cart span {
  font-weight: 500;
  color: var(--txt-white);
  line-height: 1;
  display: inline-block;
}

.auction-card-v2 ul li a {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-3);
  color: var(--txt-white);
}

.auction-card-v2 ul li a::before {
  background: var(--themev2-bg);
}

.auction-card-v2:hover {
  background-color: var(--auctionv2-hbr-bg);
}

.auction-card-v2:hover .img img {
  transform: scale(1.1);
}

.auction-card-v2:hover ul li a {
  border-color: rgba(0, 0, 0, 0);
  color: var(--txt-white);
}

.auction-card-v2:hover ul li a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 1199px) {
  .auction-card-v2 .content .nott6 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .auction-card-v2 .img .countdown-clock {
    bottom: 15px;
    width: calc(100% - 20px);
    gap: 15px;
  }

  .auction-card-v2 .img .countdown-clock .countdown-item {
    gap: 3px;
  }

  .auction-card-v2 .img .countdown-clock .countdown-item .ci-inner,
  .auction-card-v2 .img .countdown-clock .countdown-item .nott4 {
    font-size: 14px;
  }

  .auction-card-v2 .img .countdown-clock .countdown-item::before {
    left: -7px;
  }
}

@media screen and (max-width: 575px) {
  .auction-cards-v2 {
    max-width: 100%;
  }
}

.all-card-version-title .nott2 {
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
  color: var(--txt-white);
}

@media screen and (max-width: 991px) {
  .all-card-version-title .nott2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 575px) {
  .all-card-version-title .nott2 {
    font-size: 34px;
  }
}

.card-variation-title {
  margin-bottom: 30px;
}

.card-variation-title .nott4 {
  font-weight: 500;
  line-height: 1;
  color: var(--txt-white);
  text-transform: capitalize;
}

.product-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.product-card {
  background-color: var(--catskill-white);
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .img {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.product-card .img img {
  width: 100%;
  transform: scale(1.1);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .img .eth {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 0px 12px 30px;
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  z-index: 1;
}

.product-card .img .eth p {
  font-weight: 500;
  line-height: 1;
  color: var(--title-clr);
}

.product-card .img .eth p span {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .img .eth .shape {
  position: absolute;
  top: 0;
  right: -4px;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.product-card .img .eth .shape img,
.product-card .img .eth .shape svg {
  max-width: 100%;
  max-height: 100%;
}

.product-card .img .eth .shape img path,
.product-card .img .eth .shape svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .content .author {
  width: 50px;
  height: 55px;
  background-color: var(--bg-white);
  padding: 4px;
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  overflow: hidden;
  margin: -30px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card .content .author img {
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .content .nott6 {
  margin: 15px 0px;
  font-weight: 500;
  color: var(--pragraph-clr);
  font-size: 18px;
  line-height: 1.3;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.product-card .content ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  position: relative;
}

.product-card .content ul::before {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  left: -15px;
  top: 0;
  border: 1px solid var(--border-clr);
}

.product-card .content ul .cart {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-card .content ul .cart span {
  font-weight: 500;
  display: inline-block;
  line-height: 1;
}

.product-card .content ul .cart .clickable-cart {
  transform: translateY(-1px);
}

.product-card .content ul .cart .clickable-cart svg {
  font-size: 22px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: var(--paragraph-clr);
}

.product-card .content ul .cart .clickable-cart.active svg {
  color: var(--heart-clr);
}

.product-card .content ul li a {
  font-size: 16px;
  font-weight: 500;
  color: var(--title-clr);
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  line-height: 1;
}

.product-card:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

.product-card:hover .img>img {
  transform: scale(1);
}

.product-card:hover .img .eth .shape svg path {
  fill: var(--bg-white);
}

.product-card:hover .content .nott6 {
  color: var(--icon-clr);
}

.product-card:hover .content ul .cart .clickable-cart svg {
  color: var(--heart-clr);
}

.theme-txt,
.auction-card ul li span,
.auction-card:hover .nott6,
.product-card:hover .img .eth span,
.product-card:hover .content ul li a {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 991px) {
  .product-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .product-cards {
    grid-gap: 20px;
  }

  .product-card .content .nott6 {
    margin: 10px 0px;
    font-size: 17px;
  }

  .product-card .content ul {
    padding-top: 15px;
  }
}

@media screen and (max-width: 575px) {
  .product-cards {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.product-v2-card {
  padding: 15px 10px;
  border: none;
}

.product-v2-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.product-v2-card .top a {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
}

.product-v2-card .top a .author-img {
  display: flex;
}

.product-v2-card .top a .author-img img {
  margin-left: -20%;
}

.product-v2-card .top a .author-img img:first-child {
  margin-left: 0;
}

.product-v2-card .top a .author-img img:last-child {
  border: 2px solid var(--bg-white);
}

.product-v2-card .top a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-v2-card .top p {
  color: var(--txt-white);
  line-height: 1;
}

.product-v2-card ul li .cart .clickable-cart {
  background: var(--white-05);
}

.product-v2-card ul li a {
  background-color: var(--white-05);
  border: none;
  padding: 12px 20px;
}

@media screen and (max-width: 767px) {
  .product-v2-card .top p {
    font-size: 16px;
  }
}

.product-v3-card {
  background-color: var(--bg-white);
  border-radius: 20px;
  overflow: hidden;
  padding: 25px 15px;
}

.product-v3-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.product-v3-card .top .cart {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-v3-card .top .cart span {
  font-weight: 500;
  display: inline-block;
  line-height: 1;
}

.product-v3-card .top .cart .clickable-cart {
  transform: translateY(-1px);
}

.product-v3-card .top .cart .clickable-cart svg {
  font-size: 22px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: var(--paragraph-clr);
}

.product-v3-card .top .cart .clickable-cart.active svg {
  color: var(--heart-clr);
}

.product-v3-card .top p {
  font-weight: 500;
  color: var(--title-clr);
}

.product-v3-card .top p span {
  color: var(--pragraph-clr);
}

.product-v3-card .img {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  margin-bottom: 25px;
}

.product-v3-card .img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: var(--pcv3-overlay);
  z-index: 2;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.product-v3-card .img img {
  width: 100%;
  transform: scale(1);
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}

.product-v3-card .img a {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-3);
  backdrop-filter: blur(20px);
  color: var(--txt-white);
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  padding: 13px 20px;
  z-index: 3;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.product-v3-card .img a:hover {
  border-color: rgba(0, 0, 0, 0);
}

.product-v3-card .content .nott6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.product-v3-card .content p {
  font-size: 15px;
  line-height: 1.2;
  margin-top: 5px;
}

.product-v3-card:hover .img::before {
  opacity: 1;
  visibility: visible;
}

.product-v3-card:hover .img img {
  transform: scale(1.05);
}

.product-v3-card:hover .img a {
  transform: translateX(-50%) translateY(0px);
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1199px) {
  .product-v3-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .product-v3-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-v3-card .top {
    margin-bottom: 15px;
  }

  .product-v3-card .img {
    margin-bottom: 15px;
  }

  .product-v3-card .content .nott6 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .product-v3-cards {
    grid-gap: 20px;
  }

  .product-v3-card {
    padding: 20px 15px;
  }

  .product-v3-card .content .nott6 {
    font-size: 16px;
  }

  .product-v3-card .top p {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .product-v3-cards {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.authors-card {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px;
}

.author-card {
  background-color: var(--bg-white);
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
}

.author-card .img {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.author-card .img img {
  width: 100%;
  transform: scale(1.1);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.author-card .content {
  text-align: center;
}

.author-card .content .author {
  width: 65px;
  height: 70px;
  background-color: var(--bg-white);
  padding: 5px;
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  overflow: hidden;
  margin: -48px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.author-card .content .author img {
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.author-card .content a {
  margin-top: 5px;
  font-weight: 500;
  color: var(--title-clr);
  font-size: 18px;
  line-height: 1;
  display: block;
}

.author-card .content span {
  display: block;
  color: var(--title-clr);
  line-height: 1;
  margin-top: 8px;
}

.author-card:hover .img img {
  transform: scale(1);
}

@media screen and (max-width: 1199px) {
  .authors-card {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .authors-card {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .authors-card {
    grid-template-columns: repeat(2, 1fr);
  }

  .author-card .content a {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .authors-card {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.author-v2-card {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-3);
  backdrop-filter: blur(40px);
  border-radius: 10px;
  padding: 15px;
}

.author-v2-card .img {
  border-radius: 10px;
  overflow: hidden;
}

.author-v2-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  transform: scale(1.02);
}

.author-v2-card .content {
  text-align: center;
}

.author-v2-card .content .author {
  width: 43px;
  height: 43px;
  background-color: var(--white-5);
  padding: 4px;
  border-radius: 25px 25px 0px 25px;
  overflow: hidden;
  margin: -30px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.author-v2-card .content .author img {
  border-radius: 25px 25px 0px 25px;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.author-v2-card .content a {
  display: block;
  color: var(--txt-white);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-top: 15px;
}

.author-v2-card .content span {
  display: block;
  color: var(--txt-white);
  line-height: 1;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .author-v2-card .content a {
    font-size: 16px;
  }
}

.sm-blog-card-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.sm-blog-card {
  background-color: var(--dawn-pink);
  padding: 20px;
  border-radius: 0px 0px 70px 0px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.sm-blog-card::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 50%;
  bottom: 0;
  right: 0;
  background-color: var(--paragraph-clr);
  opacity: 0.2;
  z-index: -2;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.sm-blog-card:hover::before {
  background-color: var(--greyish-teal);
  opacity: 1;
}

.sm-blog-card:hover .sm-blog-thumb .author::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.sm-blog-card:hover .sm-blog-content .content .nott5 a {
  background-size: 100% 1px;
}

.sm-blog-card:hover .sm-blog-content .button a {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.sm-blog-card:hover .sm-blog-content .button a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.sm-blog-thumb {
  position: relative;
}

.sm-blog-thumb .thumb {
  border-radius: 10px;
  overflow: hidden;
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 70% 95%, 30% 95%, 0 100%, 0 0);
}

.sm-blog-thumb .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sm-blog-thumb .author {
  width: 65px;
  height: 70px;
  background-color: var(--bg-white);
  padding: 5px;
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  overflow: hidden;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.sm-blog-thumb .author::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--greyish-teal);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  clip-path: circle(0% at 50% 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.sm-blog-thumb .author img {
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.sm-blog-content {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  flex-grow: 1;
}

.sm-blog-content .content {
  flex-grow: 1;
}

.sm-blog-content .content ul {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sm-blog-content .content ul li {
  line-height: 1;
}

.sm-blog-content .content .nott5 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.sm-blog-content .content .nott5 a {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(#19242b, #19242b);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  text-decoration: none;
}

@media screen and (max-width: 1199px) {
  .sm-blog-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .sm-blog-card-wrapper {
    grid-gap: 20px;
  }

  .sm-blog-card {
    padding: 15px;
  }

  .sm-blog-thumb .author {
    width: 50px;
    height: 55px;
  }

  .sm-blog-content {
    margin-top: 20px;
  }

  .sm-blog-content .content .nott5 {
    margin-top: 10px;
    font-size: 16px;
  }

  .sm-blog-content .content ul li {
    font-size: 14px;
  }

  .sm-blog-content .button a {
    padding: 12px 24px;
  }
}

@media screen and (max-width: 575px) {
  .sm-blog-card-wrapper {
    grid-template-columns: 1fr;
  }
}

.big-blog-card-wrapper {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.big-blog-card {
  position: relative;
}

.big-blog-card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: var(--big-blog-bg);
  z-index: 1;
}

.big-blog-card .thumb {
  height: 100%;
}

.big-blog-card .thumb img {
  width: 100%;
  height: 100%;
}

.big-blog-card .date {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
  padding: 10px;
  text-align: center;
}

.big-blog-card .date::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--title-bg);
  opacity: 0.3;
  z-index: -1;
}

.big-blog-card .date span {
  font-weight: 400;
  font-size: 72px;
  line-height: 53px;
  color: var(--txt-white);
  display: block;
}

.big-blog-card .date p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--txt-white);
}

.big-blog-card .content {
  position: absolute;
  content: "";
  width: calc(100% - 50px);
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  z-index: 2;
}

.big-blog-card .content ul {
  display: flex;
  align-items: center;
  gap: 5px;
}

.big-blog-card .content ul li {
  line-height: 1;
  color: var(--txt-white);
  text-transform: capitalize;
}

.big-blog-card .content .nott5 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--txt-white);
}

.big-blog-card .content .nott5 a {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  text-decoration: none;
}

.big-blog-card .content .button {
  margin-top: 15px;
}

.big-blog-card .content .button a {
  padding: 11px 20px;
}

.big-blog-card:hover .content .nott5 a {
  background-size: 100% 1px;
}

.big-blog-card:hover .content .button a {
  border-color: rgba(0, 0, 0, 0);
}

.big-blog-card:hover .content .button a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.bb-hight-70::before {
  height: 70%;
}

.bb-hight-50::before {
  height: 50%;
}

@media screen and (max-width: 1199px) {
  .big-blog-card-wrapper {
    grid-gap: 20px;
  }

  .big-blog-card .date span {
    font-size: 56px;
    line-height: 1;
  }

  .big-blog-card .date p {
    font-size: 14px;
    margin-top: 5px;
  }

  .big-blog-card .content {
    width: calc(100% - 30px);
    bottom: 15px;
  }

  .big-blog-card .content .nott5 {
    font-size: 18px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 991px) {
  .big-blog-card-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}

@media screen and (max-width: 767px) {
  .big-blog-card-wrapper {
    grid-gap: 20px;
  }

  .bb-hight-70::before {
    height: 100%;
  }

  .bb-hight-50::before {
    height: 100%;
  }
}

@media screen and (max-width: 575px) {
  .big-blog-card-wrapper {
    grid-template-columns: 1fr;
  }

  .big-blog-card .date {
    top: 10px;
    right: 10px;
  }

  .big-blog-card .date span {
    font-size: 44px;
  }
}

.blog-hrzntal-card-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

.blog-hrzntal-card {
  display: flex;
  padding: 25px;
  background: var(--white-03);
  border-radius: 10px;
  gap: 25px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.blog-hrzntal-card:hover {
  background: var(--auctionv2-hbr-bg);
  border: 1px solid var(--white-3);
}

.blog-hrzntal-card:hover .blog-hrzntal-content .content .nott5 a {
  background-size: 100% 1px;
}

.blog-hrzntal-card:hover .blog-hrzntal-content .button a::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.blog-hrzntal-thumb {
  max-width: 280px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.blog-hrzntal-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}

.blog-hrzntal-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
  max-width: 310px;
  width: 100%;
}

.blog-hrzntal-content .content {
  flex-grow: 1;
}

.blog-hrzntal-content .content ul {
  display: flex;
  align-items: center;
  gap: 10px 5px;
  flex-wrap: wrap;
}

.blog-hrzntal-content .content ul li {
  line-height: 1;
  color: var(--txt-white);
}

.blog-hrzntal-content .content .nott5 {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--txt-white);
}

.blog-hrzntal-content .content .nott5 a {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  text-decoration: none;
}

.blog-hrzntal-content .button a {
  padding: 12px 20px;
  background: var(--cretors-item-bg);
  border: rgba(0, 0, 0, 0);
  color: var(--txt-white);
}

.blog-hrzntal-content .button a::before {
  background: var(--themev2-bg);
}

@media screen and (max-width: 1199px) {
  .blog-hrzntal-card-wrapper {
    grid-gap: 30px;
  }

  .blog-hrzntal-card {
    padding: 20px;
    gap: 20px;
  }

  .blog-hrzntal-thumb {
    max-width: 170px;
  }
}

@media screen and (max-width: 991px) {
  .blog-hrzntal-card-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .blog-hrzntal-thumb {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .blog-hrzntal-content .content ul li {
    font-size: 14px;
  }

  .blog-hrzntal-content .content .nott5 {
    margin-top: 10px;
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .blog-hrzntal-card {
    flex-direction: column;
  }

  .blog-hrzntal-thumb {
    max-width: 100%;
  }

  .blog-hrzntal-content {
    max-width: 100%;
  }
}

.top-sale-area {
  background-color: var(--bg-white);
}

.top-sale-area .all-card-version-title .nott2 {
  color: var(--title-clr);
}

.top-sale-v1-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.top-sale-v1-wrap {
  position: relative;
}

.top-sale-v1-wrap::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--top-sale-bdr);
  bottom: 0;
  right: -10px;
}

.top-sale-v1-wrap:last-child::before {
  display: none;
}

.top-sale-v1-wrap:last-child .top-sale-v1::before {
  width: 100%;
}

.top-sale-v1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 25px 10px;
  position: relative;
}

.top-sale-v1::before {
  position: absolute;
  content: "";
  width: calc(100% + 20px);
  height: 1px;
  background: var(--top-sale-bdr);
  bottom: 0;
  left: 0;
}

.top-sale-v1:first-child {
  padding-top: 0;
}

.top-sale-v1:last-child {
  padding-bottom: 0;
}

.top-sale-v1:last-child::before {
  display: none;
}

.top-sale-v1 .img {
  width: 55px;
  height: 60px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  overflow: hidden;
}

.top-sale-v1 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.top-sale-v1 .contnet {
  max-width: 136px;
  width: 100%;
}

.top-sale-v1 .contnet a {
  display: block;
  font-size: 20px;
  color: var(--title-clr);
  line-height: 1.3;
  font-weight: 500;
}

.top-sale-v1 .contnet span {
  display: block;
}

@media screen and (max-width: 1199px) {
  .top-sale-v1 {
    gap: 10px;
    padding: 20px 10px;
  }

  .top-sale-v1 .contnet a {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .top-sale-v1-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .top-sale-v1-wrap::before {
    height: calc(100% + 20px);
    bottom: auto;
    top: 0;
  }

  .top-sale-v1-wrap:nth-child(2)::before {
    display: none;
  }

  .top-sale-v1-wrap:nth-child(2) .top-sale-v1::before {
    width: 100%;
  }

  .top-sale-v1-wrap:nth-child(3)::before {
    height: 100%;
  }

  .top-sale-v1-wrap:nth-child(1) .top-sale-v1:last-child,
  .top-sale-v1-wrap:nth-child(2) .top-sale-v1:last-child {
    padding-bottom: 20px;
  }

  .top-sale-v1-wrap:nth-child(1) .top-sale-v1:last-child::before,
  .top-sale-v1-wrap:nth-child(2) .top-sale-v1:last-child::before {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .top-sale-v1 {
    gap: 10px;
    padding: 15px 10px;
  }

  .top-sale-v1 .img {
    width: 50px;
    height: 55px;
  }

  .top-sale-v1 .contnet a {
    font-size: 16px;
  }

  .top-sale-v1 .contnet span {
    font-size: 14px;
  }
}

@media screen and (max-width: 460px) {
  .top-sale-v1-wrapper {
    grid-template-columns: 1fr;
    border-right: 1px solid var(--top-sale-bdr);
    border-left: 1px solid var(--top-sale-bdr);
  }

  .top-sale-v1-wrap::before {
    display: none;
  }

  .top-sale-v1-wrap:nth-child(1) .top-sale-v1:last-child,
  .top-sale-v1-wrap:nth-child(2) .top-sale-v1:last-child {
    padding-bottom: 15px;
  }

  .top-sale-v1-wrap:nth-child(1) .top-sale-v1:first-child {
    padding-top: 15px;
    border-top: 1px solid var(--top-sale-bdr);
  }

  .top-sale-v1 {
    justify-content: flex-start;
    padding: 15px 20px;
  }

  .top-sale-v1::before {
    width: 100%;
  }

  .top-sale-v1:last-child {
    padding-bottom: 15px;
  }

  .top-sale-v1:last-child::before {
    display: block;
  }
}

.top-sale-v2-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px 20px;
  max-width: 1600px;
  margin: 0 auto;
}

.top-sale-v2-wrapper .top-sale-v1-wrap::before {
  right: 15%;
}

.top-sale-v2-wrapper .top-sale-v1 {
  padding: 0;
  margin-bottom: 35px;
  justify-content: flex-start;
}

.top-sale-v2-wrapper .top-sale-v1:last-child {
  margin-bottom: 0;
}

.top-sale-v2-wrapper .top-sale-v1::before {
  display: none;
}

.top-sale-v2-wrapper .top-sale-v1 .contnet {
  flex: 1;
}

@media (min-width: 1199px) and (max-width: 1400px) {
  .top-sale-v2-wrapper .top-sale-v1-wrap::before {
    right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .top-sale-v2-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(3)::before {
    display: none;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(5)::before,
  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(4)::before {
    height: calc(100% + 30px);
    display: block;
  }

  .top-sale-v2-wrapper .top-sale-v1 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .top-sale-v2-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap::before {
    height: 100%;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(1) .top-sale-v1:last-child,
  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(2) .top-sale-v1:last-child {
    padding: 0;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(1) .top-sale-v1:last-child::before,
  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(2) .top-sale-v1:last-child::before {
    display: none;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(2)::before {
    display: block;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(5)::before,
  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(4)::before {
    top: auto;
    bottom: 0;
  }

  .top-sale-v2-wrapper .top-sale-v1 {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .top-sale-v2-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap {
    height: 100%;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:first-child::before {
    height: calc(100% + 20px);
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(3)::before {
    display: block;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(2)::before,
  .top-sale-v2-wrapper .top-sale-v1-wrap:nth-child(4)::before {
    display: none;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:last-child::before {
    height: calc(100% + 20px);
  }

  .top-sale-v2-wrapper .top-sale-v1 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .top-sale-v2-wrapper .top-sale-v1-wrap::before {
    display: none !important;
  }
}

@media screen and (max-width: 460px) {
  .top-sale-v2-wrapper {
    grid-template-columns: 1fr;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap::before {
    display: none !important;
  }

  .top-sale-v2-wrapper .top-sale-v1-wrap:first-child .top-sale-v1:first-child {
    border-top: none;
    padding: 0;
  }
}

.top-sale-v3-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
}

.top-sale-v3 {
  background-color: var(--catskill-white);
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  transform: scale(1);
}

.top-sale-v3 .img {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  overflow: hidden;
}

.top-sale-v3 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.top-sale-v3 .content {
  max-width: 146px;
  width: 100%;
}

.top-sale-v3 .content a {
  display: block;
  font-size: 20px;
  color: var(--title-clr);
  line-height: 1.3;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  font-weight: 500;
}

.top-sale-v3 .content span {
  display: block;
}

.top-sale-v3:hover {
  transform: scale(1.05);
}

.top-sale-v3:hover .content a {
  color: var(--icon-clr);
}

@media screen and (max-width: 1400px) {
  .top-sale-v3-wrapper {
    grid-gap: 20px;
  }

  .top-sale-v3 .content a {
    font-size: 18px;
  }
}

@media screen and (max-width: 1199px) {
  .top-sale-v3-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .top-sale-v3-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .top-sale-v3-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 575px) {
  .top-sale-v3 {
    padding: 10px;
  }

  .top-sale-v3 .content a {
    font-size: 16px;
  }

  .top-sale-v3 .content span {
    font-size: 14px;
  }
}

@media screen and (max-width: 400px) {
  .top-sale-v3-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}

.simple-testimonial-wrapper {
  position: relative;
  padding: 0px 60px;
}

.simple-tmnl-slider-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.simple-tmnl-slider-icon .icon {
  font-size: 20px;
  width: 40px;
  height: 40px;
  background-color: var(--tmnl-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.simple-testimonial-slider {
  max-width: 945px;
  margin: 0 auto;
}

.simple-testimonial-slider .owl-item .simple-testimonial .quite,
.simple-testimonial-slider .owl-item .simple-testimonial .nott6,
.simple-testimonial-slider .owl-item .simple-testimonial .profile {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
}

.simple-testimonial-slider .owl-item .simple-testimonial .quite {
  transition-duration: 0.5s;
}

.simple-testimonial-slider .owl-item .simple-testimonial .nott6 {
  transition-duration: 1s;
}

.simple-testimonial-slider .owl-item .simple-testimonial .profile {
  transition-duration: 1.5s;
}

.simple-testimonial-slider .owl-item.active .simple-testimonial .quite,
.simple-testimonial-slider .owl-item.active .simple-testimonial .nott6,
.simple-testimonial-slider .owl-item.active .simple-testimonial .profile {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.simple-testimonial {
  text-align: center;
}

.simple-testimonial .nott6 {
  margin-top: 25px;
  font-weight: 400;
}

.simple-testimonial .profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
}

.simple-testimonial .profile .img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 2px;
  background-color: var(--greyish-teal);
  overflow: hidden;
}

.simple-testimonial .profile .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.simple-testimonial .profile .content a {
  font-size: 18px;
  font-weight: 500;
  color: var(--title-clr);
  line-height: 1;
  display: block;
}

.simple-testimonial .profile .content span {
  font-size: 14px;
  color: var(--title-clr);
  line-height: 1;
  margin-top: 6px;
  display: block;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .simple-testimonial .nott6 {
    margin-top: 15px;
  }

  .simple-testimonial .profile {
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .simple-testimonial-wrapper {
    padding: 0;
  }

  .simple-tmnl-slider-icon {
    position: unset;
    transform: translate(0);
    max-width: 80px;
    margin: 40px auto 0px;
  }

  .simple-tmnl-slider-icon .icon {
    width: 34px;
    height: 34px;
  }

  .simple-testimonial .quite svg {
    max-width: 30px;
  }

  .simple-testimonial .nott6 {
    font-size: 17px;
  }

  .simple-testimonial .profile .content a {
    font-size: 16px;
  }
}

.modern-testimonial-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}

.mdrn-tmnl-option {
  max-width: 654px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 10px;
}

.mdrn-tmnl-option .url {
  opacity: 0.75;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
}

.mdrn-tmnl-option .url::before {
  position: absolute;
  content: "";
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  left: -3px;
  top: -3px;
  background-color: var(--bg-white);
  border-radius: 3px;
  opacity: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.mdrn-tmnl-option .url img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

.mdrn-tmnl-option .url.active {
  opacity: 1;
}

.mdrn-tmnl-option .url.active::before {
  opacity: 1;
}

.mdrn-tmnl-dscription {
  max-width: 683px;
  width: 100%;
  background: var(--tmnl-bg);
  border-radius: 10px;
  padding: 25px;
  border: 1px solid var(--white-3);
  position: relative;
  margin-bottom: 50px;
}

.mdrn-tmnl-dscription::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 50px;
  top: calc(100% - 2px);
  right: 50px;
  z-index: 2;
  background-image: url("https://stocksflare.com/assets/css/img/all-card/testimonial/shape.png");
  background-size: 100% 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
}

.mdrn-tmnl-dscription .quite svg path {
  fill: var(--txt-white);
}

.mdrn-tmnl-dscription .nott6 {
  margin-top: 15px;
  font-weight: 400;
  color: var(--txt-white);
}

.mdrn-tmnl-dscription .profile {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.mdrn-tmnl-dscription .profile .img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 2px;
  background-color: var(--bg-white);
  overflow: hidden;
}

.mdrn-tmnl-dscription .profile .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.mdrn-tmnl-dscription .profile .content a {
  font-size: 18px;
  font-weight: 500;
  color: var(--txt-white);
  line-height: 1;
  display: block;
}

.mdrn-tmnl-dscription .profile .content span {
  font-size: 14px;
  color: var(--txt-white);
  line-height: 1;
  margin-top: 6px;
  display: block;
  text-align: left;
}

@media screen and (max-width: 1400px) {
  .mdrn-tmnl-dscription {
    max-width: 600px;
  }
}

@media screen and (max-width: 1199px) {
  .mdrn-tmnl-dscription {
    max-width: 500px;
  }
}

@media screen and (max-width: 991px) {
  .modern-testimonial-wrapper {
    flex-direction: column-reverse;
  }

  .mdrn-tmnl-dscription,
  .mdrn-tmnl-option {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .modern-testimonial-wrapper {
    gap: 20px;
  }

  .mdrn-tmnl-dscription {
    margin-bottom: 30px;
  }

  .mdrn-tmnl-dscription::before {
    width: 50px;
    height: 30px;
  }
}

@media screen and (max-width: 575px) {
  .mdrn-tmnl-dscription {
    padding: 20px;
  }

  .mdrn-tmnl-dscription .quite svg {
    max-width: 30px;
  }

  .mdrn-tmnl-dscription .nott6 {
    font-size: 17px;
  }

  .mdrn-tmnl-dscription .profile {
    margin-top: 20px;
  }

  .mdrn-tmnl-dscription .profile .content a {
    font-size: 17px;
  }

  .mdrn-tmnl-option {
    grid-template-columns: repeat(7, 1fr);
  }
}

.fluid-tmnl-slider-area {
  overflow: hidden;
}

.tmnl-fluid-slider {
  max-width: 651px;
  margin: 0 auto;
}

.tmnl-fluid-slider .owl-stage-outer {
  overflow: visible !important;
}

.tmnl-fluid-slider .owl-item.active .mdrn-tmnl-dscription {
  border-color: var(--macaw-blue);
  background-color: var(--auctionv2-hbr-bg);
}

.tmnl-fluid-slider .owl-item.active .mdrn-tmnl-dscription::before {
  background-image: url("https://stocksflare.com/assets/css/img/all-card/testimonial/shape-03.svg");
}

.tmnl-fluid-slider .owl-item.active .mdrn-tmnl-dscription .quite svg path {
  fill: var(--macaw-blue);
}

.tmnl-fluid-slider .owl-item.active .mdrn-tmnl-dscription .profile .img {
  background: var(--macaw-blue);
}

.fluid-tmnl-slider-wrap {
  padding: 0px 15px;
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription {
  border-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription::before {
  background-image: url("https://stocksflare.com/assets/css/img/all-card/testimonial/shape-02.svg");
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription .quite svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription .profile .img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription:hover {
  border-color: var(--macaw-blue);
  background-color: var(--auctionv2-hbr-bg);
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription:hover::before {
  background-image: url("https://stocksflare.com/assets/css/img/all-card/testimonial/shape-03.svg");
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription:hover .quite svg path {
  fill: var(--macaw-blue);
}

.fluid-tmnl-slider-wrap .mdrn-tmnl-dscription:hover .profile .img {
  background: var(--macaw-blue);
}

.login-area {
  padding: 126px 0px;
  background: var(--cretors-bg);
  position: relative;
  z-index: 1;
}

.login-area .shape {
  position: absolute;
  content: "";
  z-index: -1;
}

.login-area .shape svg {
  max-width: 100%;
  max-height: 100%;
}

.login-area .shape-01 {
  left: 0;
  top: 0;
  height: 100%;
}

.login-area .shape-01 img {
  height: 100%;
}

.login-area .shape-02 {
  bottom: 30%;
  left: 25%;
  animation: rotateY 5s linear infinite alternate;
}

.login-area .shape-03 {
  top: 30%;
  right: 15%;
  animation: rotateY 5s linear infinite alternate;
}

.login-area .shape-04 {
  right: 0;
  bottom: 0;
}

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

  100% {
    transform: rotateY(180deg);
  }
}

.login-content {
  max-width: 460px;
  margin: 0 auto;
}

.login-content .remember,
.login-content .button {
  margin-bottom: 15px;
}

.login-content .acount {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.login-content .acount a {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  font-weight: 500;
}

.login-title {
  margin-bottom: 40px;
}

.login-title .nott2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
}

.login-title p {
  font-size: 18px;
  margin-top: 15px;
}

.login-from {
  margin-bottom: 25px;
}

@media screen and (max-width: 1199px) {
  .login-area .shape-01 {
    width: 30%;
    height: auto;
  }

  .login-area .shape-02 {
    left: 15%;
  }
}

@media screen and (max-width: 991px) {
  .login-area {
    padding: 100px 0px;
  }

  .login-area .shape-04 {
    width: 20%;
  }

  .login-area .shape-03 {
    right: 5%;
  }
}

@media screen and (max-width: 767px) {
  .login-area {
    padding: 70px 0px;
  }

  .login-area .shape-02,
  .login-area .shape-03 {
    display: none;
  }

  .login-title {
    margin-bottom: 30px;
  }

  .login-title .nott2 {
    font-size: 30px;
  }

  .login-title p {
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .login-content .acount {
    font-size: 16px;
  }
}

.rorget-pass-content {
  max-width: 540px;
}

.rorget-pass-content .login-from {
  max-width: 450px;
}

.faqs-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1252px;
  margin-left: auto;
  gap: 30px;
}

.faqs-content {
  max-width: 630px;
  width: 100%;
}

.faq-tab-navs {
  margin-bottom: 50px;
}

.faq-tab-navs .nav-tabs {
  border-bottom: 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.faq-tab-navs .nav-tabs .nav-link {
  border: 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--title-clr);
  border-radius: 0;
  padding: 12px 24px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
  position: relative;
  z-index: 1;
}

.faq-tab-navs .nav-tabs .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.faq-tab-navs .nav-tabs .nav-link.active,
.faq-tab-navs .nav-tabs .nav-link:hover {
  color: var(--txt-white);
  border-color: rgba(0, 0, 0, 0);
}

.faq-tab-navs .nav-tabs .nav-link.active::before,
.faq-tab-navs .nav-tabs .nav-link:hover::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
}

.single-faq {
  margin-bottom: 15px;
  background: var(--snow-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
}

.single-faq:last-child {
  margin-bottom: 0;
}

.single-faq.active {
  border-color: var(--border-clr);
  background-color: rgba(0, 0, 0, 0);
}

.single-faq.active .faq-head button span {
  text-decoration: none;
}

.single-faq.active .faq-head button .plus span:last-child {
  opacity: 0;
}

.faq-head {
  padding: 15px 20px;
}

.faq-head button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.faq-head button .title {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  text-decoration: underline;
  flex: 1;
}

.faq-head button .plus {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.faq-head button .plus span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.faq-head button .plus span:last-child {
  transform: rotate(90deg);
  margin-top: -2px;
}

.faq-body {
  display: none;
  padding: 20px;
  border-top: 1px solid var(--border-clr);
}

.faq-body ul {
  margin-top: 20px;
}

.faq-body ul li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 15px;
  color: var(--paragraph-clr);
}

.faq-body ul li:last-child {
  margin-bottom: 0;
}

.faq-body ul li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: var(--theme-bg);
  border-radius: 50%;
  top: 8px;
  left: 0;
}

.faqs-thumb {
  max-width: 545px;
  width: 100%;
}

.faqs-thumb svg {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 1199px) {
  .faq-tab-navs {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  .faqs-wrapper {
    flex-direction: column;
  }

  .faqs-content {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .faq-tab-navs {
    margin-bottom: 30px;
  }

  .faq-tab-navs .nav-tabs {
    gap: 10px;
  }

  .faq-tab-navs .nav-tabs .nav-link {
    font-size: 16px;
    padding: 13px 15px;
    line-height: 1;
  }

  .faq-head {
    padding: 15px;
  }

  .faq-head button .title {
    font-size: 17px;
  }

  .faq-body {
    padding: 15px;
  }
}

@media screen and (max-width: 575px) {
  .faq-tab-navs .nav-tabs .nav-link {
    padding: 11px 15px;
  }
}

.activity-title {
  max-width: 1140px;
  margin: 0 auto 50px;
}

.activity-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  max-width: 1140px;
  margin: 0 auto;
}

.activity-content {
  max-width: 595px;
  width: 100%;
}

.single-activity {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  background: var(--snow-bg);
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}

.single-activity:last-child {
  margin-bottom: 0;
}

.single-activity:hover .content .nott6 {
  color: rgba(0, 0, 0, 0);
  background: var(--theme-bg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.activity-inner {
  display: flex;
  align-items: center;
  gap: 15px;
}

.activity-inner .img {
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
}

.activity-inner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.activity-inner .content .nott6 {
  font-weight: 500;
  line-height: 1.1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.activity-inner .content p {
  margin-top: 7px;
}

.activity-inner .content p a {
  font-weight: 500;
}

.activity-inner .content p span {
  background: var(--theme-bg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  display: inline-block;
  font-weight: 500;
}

.activity-inner .content .author {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--title-clr);
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
}

.activity-date {
  text-align: right;
}

.activity-date p {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--title-clr);
}

.activity-date span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}

.activity-filter {
  max-width: 351px;
  width: 100%;
}

.activity-filter .title {
  margin-bottom: 25px;
}

.activity-filter .title .nott5 {
  font-weight: 500;
  line-height: 1;
  font-size: 20px;
}

.activity-filter .activities {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.activity-filter .activities button {
  font-size: 17px;
  font-weight: 500;
  color: var(--title-clr);
  border-radius: 0;
  padding: 13px 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
  position: relative;
  z-index: 1;
  line-height: 1;
}

.activity-filter .activities button::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.activity-filter .activities button.active,
.activity-filter .activities button:hover {
  color: var(--txt-white);
  border-color: rgba(0, 0, 0, 0);
}

.activity-filter .activities button.active::before,
.activity-filter .activities button:hover::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .activity-title {
    margin-bottom: 40px;
  }

  .activity-wrapper {
    flex-direction: column-reverse;
  }

  .activity-filter {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .activity-title {
    margin-bottom: 30px;
  }

  .activity-filter .title {
    margin-bottom: 15px;
  }

  .activity-filter .title .nott5 {
    font-size: 18px;
  }

  .activity-filter .activities button {
    font-size: 16px;
    padding: 11px 20px;
  }
}

@media screen and (max-width: 575px) {
  .activity-date {
    display: none;
  }

  .activity-inner {
    gap: 10px;
    align-items: unset;
  }

  .activity-inner .img {
    height: auto;
  }

  .activity-inner .content .nott6 {
    font-size: 17px;
  }

  .activity-inner .content .author,
  .activity-inner .content p {
    margin-top: 5px;
  }
}

.five-creators-area {
  position: relative;
  z-index: 1;
}

.five-creators-area .shape {
  position: absolute;
  content: "";
  z-index: -1;
}

.five-creators-area .shape-01 {
  top: 20%;
  left: 2%;
}

.five-creators-area .shape-02 {
  top: 30%;
  left: 0;
}

.five-creators-area .shape-03 {
  right: 0;
  bottom: 10%;
  max-width: 10%;
}

.five-creators-area .shape-04 {
  right: 0;
  width: 13%;
  bottom: 0;
}

.five-creators-area .shape-04 svg {
  max-width: 100%;
  max-height: 100%;
}

.five-creators-wrapper {
  max-width: 1140px;
  margin: 0 auto;
}

.five-creators-title {
  margin-bottom: 25px;
}

.five-creators-title .nott4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

.five-creator-tab-navs {
  margin-bottom: 50px;
}

.five-creator-tab-navs .nav-tabs {
  border-bottom: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.five-creator-tab-navs .nav-tabs .nav-link {
  font-size: 17px;
  font-weight: 500;
  color: var(--title-clr);
  border-radius: 0;
  padding: 15px 25px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  line-height: 1;
}

.five-creator-tab-navs .nav-tabs .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.five-creator-tab-navs .nav-tabs .nav-link.active,
.five-creator-tab-navs .nav-tabs .nav-link:hover {
  color: var(--txt-white);
  border-color: rgba(0, 0, 0, 0);
}

.five-creator-tab-navs .nav-tabs .nav-link.active::before,
.five-creator-tab-navs .nav-tabs .nav-link:hover::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
}

.top-five-creators {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 25px;
}

.topFive-single-creator {
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
  border-radius: 10px;
  padding: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.topFive-single-creator .img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.topFive-single-creator .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topFive-single-creator .social {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  background: var(--white-01);
  box-shadow: 0px 50px 40px -10px var(--black-1);
  backdrop-filter: blur(40px);
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 15px 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.topFive-single-creator .social a {
  color: var(--txt-white);
  font-size: 17px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  margin: 0px 3px;
}

.topFive-single-creator .content {
  padding: 20px 10px 0px;
  text-align: center;
}

.topFive-single-creator .content .name {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: var(--title-clr);
  display: block;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.topFive-single-creator .content span {
  color: var(--title-clr);
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  margin-top: 10px;
}

.topFive-single-creator .content .btn-title-outline {
  margin-top: 15px;
  font-size: 16px;
  padding: 11px 20px;
}

.topFive-single-creator .content .btn-title-outline::before {
  background: var(--theme-bg);
}

.topFive-single-creator:hover {
  background: var(--bg-white);
  box-shadow: 0px 50px 50px var(--menu-sdw);
  border-color: rgba(0, 0, 0, 0);
}

.topFive-single-creator:hover .social {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  visibility: visible;
}

.topFive-single-creator:hover .social a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.topFive-single-creator:hover .social a:nth-child(1) {
  transition-delay: 0.1s;
}

.topFive-single-creator:hover .social a:nth-child(2) {
  transition-delay: 0.2s;
}

.topFive-single-creator:hover .social a:nth-child(3) {
  transition-delay: 0.3s;
}

.topFive-single-creator:hover .social a:nth-child(4) {
  transition-delay: 0.4s;
}

.topFive-single-creator:hover .content .name {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.topFive-single-creator:hover .content .btn-title-outline {
  color: var(--white);
  border-color: rgba(0, 0, 0, 0);
}

.topFive-single-creator:hover .content .btn-title-outline::before {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 1199px) {
  .topFive-single-creator .content .name {
    font-size: 18px;
  }

  .topFive-single-creator .content span {
    font-size: 14px;
  }

  .topFive-single-creator .social {
    padding: 10px 0px;
  }
}

@media screen and (max-width: 991px) {
  .five-creators-area .shape-03 {
    max-width: 20%;
  }

  .top-five-creators {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }

  .five-creator-tab-navs {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .top-five-creators {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

  .five-creators-title {
    margin-bottom: 20px;
  }

  .five-creators-title .nott4 {
    font-size: 20px;
  }

  .five-creator-tab-navs {
    margin-bottom: 30px;
  }

  .five-creator-tab-navs .nav-tabs .nav-link {
    font-size: 16px;
    padding: 12px 20px;
  }
}

@media screen and (max-width: 575px) {
  .topFive-single-creator {
    padding: 10px;
  }

  .topFive-single-creator .content {
    padding: 15px 10px 0px;
  }
}

@media screen and (max-width: 450px) {
  .top-five-creators {
    grid-template-columns: 1fr;
  }

  .topFive-single-creator .social {
    max-width: 220px;
  }
}

.all-creator-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.all-creator-area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-bg);
  opacity: 0.03;
  z-index: -1;
}

.all-creator-area .anemiXY {
  position: absolute;
  content: "";
  z-index: -1;
}

.all-creator-area .shape-01 {
  top: 10%;
  left: 5%;
}

.all-creator-area .shape-02 {
  left: 5%;
  bottom: 10px;
}

.all-creator-area .shape-03 {
  top: 10%;
  right: 5%;
}

.all-creator-area .shape-04 {
  bottom: 10%;
  right: 5%;
}

.all-creator-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.all-creator-wrapper .topFive-single-creator {
  padding: 20px;
  gap: 20px;
}

.all-creator-wrapper .topFive-single-creator .content {
  padding: 0;
  text-align: unset;
}

.all-creator-wrapper .topFive-single-creator .social {
  border-radius: 10px;
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 13px;
}

.all-creator-wrapper .topFive-single-creator .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.all-creator-wrapper .topFive-single-creator .button p {
  font-size: 16px;
  font-weight: 500;
  color: var(--title-clr);
}

@media screen and (max-width: 1199px) {
  .all-creator-wrapper {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .all-creator-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .all-creator-wrapper .topFive-single-creator {
    padding: 15px;
    gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .all-creator-area .anemiXY img {
    max-width: 50px;
  }

  .all-creator-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .all-creator-wrapper .topFive-single-creator .button p {
    font-size: 14px;
    font-weight: 500;
    color: var(--title-clr);
  }

  .all-creator-wrapper .topFive-single-creator .button a {
    padding: 10px 20px;
  }

  .all-creator-wrapper .topFive-single-creator .social {
    padding: 10px;
  }
}

@media screen and (max-width: 450px) {
  .all-creator-wrapper {
    grid-template-columns: 1fr;
  }

  .all-creator-wrapper .topFive-single-creator .social {
    max-width: 200px;
  }
}

.collector-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.collector-top-bar .nott4 {
  flex: 1;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.collector-top-bar .select-active {
  max-width: 220px;
  width: 100%;
  padding: 15px 25px;
  font-weight: 500;
  color: var(--title-clr);
  height: 50px;
  border-color: rgba(0, 0, 0, 0);
}

.collector-top-bar .select-active.active,
.collector-top-bar .select-active:focus,
.collector-top-bar .select-active.open {
  border-color: var(--icon-clr);
}

#collector-table {
  border-bottom: inherit !important;
}

#collector-table .table-header tr {
  background: rgba(0, 0, 0, 0);
}

#collector-table .table-header tr th {
  padding: 0px 15px 15px 15px;
  border-bottom: 1px solid var(--border-clr);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--title-clr);
  text-align: center;
}

#collector-table .table-header tr th:first-child {
  text-align: left;
}

#collector-table .table-header tr th:last-child {
  text-align: right;
}

#collector-table .table-header tr th::before,
#collector-table .table-header tr th::after {
  display: none;
}

#collector-table .table-body tr td {
  padding: 20px 15px;
  position: relative;
  text-align: center;
}

#collector-table .table-body tr td:first-child {
  text-align: left;
}

#collector-table .table-body tr td:last-child {
  text-align: right;
}

#collector-table .table-body tr .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

#collector-table .table-body tr .profile img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

#collector-table .table-body tr .profile a {
  display: block;
  flex: 1;
  font-weight: 500;
  font-size: 18px;
  color: var(--paragraph-clr);
}

#collector-table .table-body tr.even {
  background-color: var(--snow-bg);
}

@media screen and (max-width: 1199px) {
  #collector-table .table-body tr td:first-child {
    padding-left: 40px;
  }

  #collector-table .table-body tr td.dtr-control::before {
    left: 10px;
    height: 20px;
    width: 20px;
    margin-top: 0px;
    border: 0px;
    line-height: 20px;
    background: var(--theme-bg);
    transform: translateY(-50%);
    box-shadow: none;
    opacity: 1;
  }

  #collector-table .table-body tr td.child {
    text-align: left;
    padding: 10px 0px;
    margin: 0;
    height: 100%;
    width: 100%;
  }

  #collector-table .table-body tr td.child ul {
    display: block;
    text-align: left;
  }

  #collector-table .table-body tr td.child ul li {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
  }

  #collector-table .table-body tr td.child ul li span.dtr-title {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    color: var(--title-clr);
  }
}

@media screen and (max-width: 575px) {
  .collector-top-bar {
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
  }

  .collector-top-bar .nott4 {
    font-size: 18px;
  }

  .collector-top-bar .select-active {
    padding: 15px;
    font-size: 16px;
    height: 48px;
  }

  #collector-table .table-body tr td {
    padding: 15px 20px;
  }

  #collector-table .table-body tr .profile a {
    font-size: 16px;
  }
}

@media screen and (max-width: 450px) {
  .collector-top-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .collector-top-bar .select-active {
    width: 100%;
    max-width: 100%;
  }
}

.notification-wrapper {
  max-width: 1140px;
  margin: 0 auto;
}

.single-notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
  padding: 20px 30px 20px 20px;
  border: 1px solid var(--border-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-notification:last-child {
  margin-bottom: 0;
}

.single-notification .left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.single-notification .left .box {
  width: 24px;
  height: 24px;
  border: 1.5px solid var(--paragraph-clr);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-notification .left .box svg {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.single-notification .left .profile {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
}

.single-notification .left .profile .img {
  width: 100px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}

.single-notification .left .profile .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-notification .left .profile .content {
  flex: 1;
}

.single-notification .left .profile .content a {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: var(--title-clr);
  display: block;
}

.single-notification .left .profile .content a span {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.single-notification .left .profile .content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  margin-top: 10px;
}

.single-notification .notification-delete {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-notification .notification-delete svg,
.single-notification .notification-delete img {
  max-width: 22px;
  max-height: 22px;
}

.single-notification:hover .notification-delete {
  opacity: 1;
  visibility: visible;
}

.single-notification.active {
  background-color: var(--snow-bg);
}

.single-notification.active .left .box svg {
  opacity: 1;
}

.single-notification.active .notification-delete {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 991px) {
  .single-notification {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .single-notification {
    padding: 15px;
  }

  .single-notification .left {
    align-items: center;
    gap: 15px;
  }

  .single-notification .left .profile {
    gap: 15px;
  }

  .single-notification .left .profile .content a {
    font-size: 16px;
  }

  .single-notification .left .profile .content p {
    margin-top: 8px;
  }

  .single-notification .notification-delete svg {
    max-width: 20px;
  }
}

@media screen and (max-width: 575px) {
  .single-notification .left {
    align-items: flex-start;
  }

  .single-notification .left .box {
    margin-top: 5px;
    width: 20px;
    height: 20px;
  }

  .single-notification .left .box svg {
    max-width: 12px;
  }

  .single-notification .left .profile .img {
    display: none;
  }
}

.live-auction-area .nice-select {
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
}

.live-auction-area .nice-select:focus {
  border-color: var(--icon-clr);
}

.live-auction-wrapper .auction-card {
  background-color: var(--wallet-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border-radius: 20px;
}

.live-auction-wrapper .auction-card:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 60px var(--menu-sdw);
}

.nft-rank-area .nott4 {
  font-weight: 400;
}

.nft-rank-area .nice-select {
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
}

.nft-rank-area .nice-select:focus {
  border-color: var(--icon-clr);
}

@media screen and (min-width: 575px) {
  .nft-rank-area .collector-top-bar {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}

#nft-rank-table {
  border-bottom: inherit !important;
  border-spacing: 0px 15px !important;
  margin: -15px 0px;
}

#nft-rank-table .table-header tr {
  background: rgba(0, 0, 0, 0);
}

#nft-rank-table .table-header tr th {
  padding: 0px 15px 10px 15px;
  border: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--title-clr);
  text-align: center;
}

#nft-rank-table .table-header tr th:first-child {
  text-align: left;
}

#nft-rank-table .table-header tr th:nth-child(2) {
  text-align: left;
}

#nft-rank-table .table-header tr th:last-child {
  text-align: right;
}

#nft-rank-table .table-header tr th::before,
#nft-rank-table .table-header tr th::after {
  display: none;
}

#nft-rank-table .table-body tr td {
  padding: 15px;
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

#nft-rank-table .table-body tr td:first-child {
  text-align: left;
}

#nft-rank-table .table-body tr td:last-child {
  text-align: right;
}

#nft-rank-table .table-body tr td.increments {
  color: var(--green);
}

#nft-rank-table .table-body tr td.decrements {
  color: var(--red);
}

#nft-rank-table .table-body tr .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

#nft-rank-table .table-body tr .profile img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  object-fit: cover;
}

#nft-rank-table .table-body tr .profile a {
  display: block;
  flex: 1;
  font-weight: 500;
  font-size: 18px;
  color: var(--paragraph-clr);
}

#nft-rank-table .table-body tr.odd {
  background-color: var(--snow-bg);
  border: 1px solid var(--border-clr) !important;
}

#nft-rank-table .table-body tr.even {
  background-color: var(--magnolia);
}

@media screen and (max-width: 991px) {
  #nft-rank-table .table-body tr td:first-child {
    padding-left: 40px;
  }

  #nft-rank-table .table-body tr td.dtr-control::before {
    left: 10px;
    height: 20px;
    width: 20px;
    margin-top: 0px;
    border: 0px;
    line-height: 20px;
    background: var(--theme-bg);
    transform: translateY(-50%);
    box-shadow: none;
    opacity: 1;
  }

  #nft-rank-table .table-body tr td.child {
    text-align: left;
    padding: 10px 0px;
    margin: 0;
    height: 100%;
    width: 100%;
  }

  #nft-rank-table .table-body tr td.child ul {
    display: block;
    text-align: left;
  }

  #nft-rank-table .table-body tr td.child ul li {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
  }

  #nft-rank-table .table-body tr td.child ul li span.dtr-title {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
    color: var(--title-clr);
  }

  #nft-rank-table .table-body tr td.child ul li span.increments {
    color: var(--green);
  }

  #nft-rank-table .table-body tr td.child ul li span.decrements {
    color: var(--red);
  }
}

@media screen and (max-width: 767px) {
  #nft-rank-table {
    border-spacing: 0px 10px !important;
    margin: -10px 0px;
  }

  #nft-rank-table .table-body tr td {
    padding: 10px;
    font-size: 16px;
  }

  #nft-rank-table .table-body tr td.profile img {
    width: 40px;
    height: 40px;
  }

  #nft-rank-table .table-body tr td.profile a {
    font-size: 16px;
  }
}

.contact-wrapper {
  max-width: 830px;
  margin: 0 auto;
}

.contact-wrapper .button button {
  padding: 16px 30px;
}

.contact-title {
  margin-bottom: 50px;
}

.contact-form .input {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.contact-map {
  position: relative;
  margin-bottom: -10px;
}

.contact-map .icon {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

.contact-map iframe {
  width: 100%;
  height: 650px;
}

@media screen and (max-width: 991px) {
  .contact-map iframe {
    height: 450px;
  }
}

@media screen and (max-width: 767px) {
  .contact-title {
    margin-bottom: 30px;
  }

  .contact-form .input {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .contact-form .message {
    margin-top: 20px;
  }

  .contact-map iframe {
    height: 350px;
  }
}

.privecy-content-wrapper {
  max-width: 1060px;
  margin: 0 auto;
}

@media screen and (max-width: 575px) {
  .privecy-content .nott4 {
    font-size: 20px;
  }
}

.coming-soon-area {
  position: relative;
  z-index: 1;
  padding: 170px 0px;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.coming-soon-area .shape {
  position: absolute;
  z-index: -1;
}

.coming-soon-area .shape-01 {
  top: 0;
  left: 0;
}

.coming-soon-area .shape-02 {
  right: 10%;
  left: 15%;
}

.coming-soon-area .shape-03 {
  top: 10%;
  right: 10%;
}

.coming-soon-area .shape-04 {
  bottom: 15%;
  left: 10%;
}

.coming-soon-area .shape-05 {
  right: 15%;
  bottom: 15%;
}

.coming-soon-area .shape-06 {
  bottom: 0;
  right: 0;
  transform: rotate(270deg);
}

.coming-soon-area #settings {
  top: 0;
}

.coming-soon-area .settings-options {
  height: calc(100vh - 40px);
}

.coming-soon-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.coming-soon-content .nott2 {
  font-weight: 300;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 40px;
}

.coming-soon-content .countdown-clock {
  display: flex;
  gap: 40px;
}

.coming-soon-content .countdown-item {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 3px solid var(--icon-clr);
}

.coming-soon-content .countdown-item .ci-inner {
  font-weight: 700;
  font-size: 72px;
  line-height: 1;
  color: var(--title-clr);
}

.coming-soon-content .countdown-item .nott4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-top: 10px;
}

.comingsoon-input-form {
  max-width: 610px;
  margin: 50px auto 0px;
  background: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  border-radius: 10px;
  padding: 30px;
}

.comingsoon-input-form .nott4 {
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
}

.comingsoon-input-form p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1.4;
}

.comingsoon-input-form .input-fild {
  position: relative;
}

.comingsoon-input-form .input-fild input {
  width: 100%;
  height: 52px;
  background: var(--snow-bg);
  border: 1px solid var(--border-clr);
  padding: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  outline: none;
  padding-right: 55px;
}

.comingsoon-input-form .input-fild input:focus {
  border-color: var(--icon-clr);
}

.comingsoon-input-form .input-fild button {
  position: absolute;
  top: 0;
  height: 100%;
  width: 52px;
  background: var(--theme-bg);
  right: 0;
  color: var(--txt-white);
  font-size: 26px;
}

@media screen and (max-width: 1199px) {
  .coming-soon-content .countdown-item {
    width: 150px;
    height: 150px;
  }

  .coming-soon-content .countdown-item .ci-inner {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .coming-soon-area {
    padding: 100px 0px;
  }

  .coming-soon-area .shape-01,
  .coming-soon-area .shape-06 {
    max-width: 10%;
  }

  .coming-soon-area .anemiXY {
    max-width: 50px;
  }

  .coming-soon-content .nott2 {
    font-size: 48px;
  }

  .coming-soon-content .countdown-clock {
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .coming-soon-area {
    padding: 70px 0px;
  }

  .coming-soon-content .nott2 {
    font-size: 34px;
    margin-bottom: 20px;
  }

  .coming-soon-content .countdown-item {
    width: 100px;
    height: 100px;
    border-width: 2px;
  }

  .coming-soon-content .countdown-item .ci-inner {
    font-size: 30px;
  }

  .coming-soon-content .countdown-item .nott4 {
    margin-top: 5px;
  }

  .comingsoon-input-form {
    margin-top: 30px;
  }

  .comingsoon-input-form .nott4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .comingsoon-input-form p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 575px) {
  .coming-soon-area .anemiXY {
    display: none;
  }

  .coming-soon-content .nott2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .coming-soon-content .countdown-clock {
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .coming-soon-content .countdown-item {
    width: 80px;
    height: 80px;
    border-width: 2px;
  }

  .coming-soon-content .countdown-item .ci-inner {
    font-size: 20px;
  }

  .coming-soon-content .countdown-item .nott4 {
    margin-top: 3px;
    font-size: 15px;
  }

  .comingsoon-input-form {
    padding: 20px;
  }

  .comingsoon-input-form .nott4 {
    margin-bottom: 10px;
  }

  .comingsoon-input-form p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .comingsoon-input-form .input-fild input {
    height: 45px;
    padding: 15px;
    padding-right: 47px;
  }

  .comingsoon-input-form .input-fild button {
    width: 45px;
    font-size: 20px;
  }
}

@media screen and (max-width: 400px) {
  .coming-soon-content .countdown-clock {
    max-width: 250px;
    width: 100%;
  }

  .coming-soon-content .countdown-item {
    width: calc(33.3333333333% - 7px);
    height: 80px;
  }

  .coming-soon-content .countdown-item:nth-child(1) {
    transform: translateY(53%) translateX(10px);
  }

  .coming-soon-content .countdown-item:nth-child(3) {
    transform: translateY(53%) translateX(-10px);
  }
}

.error-area {
  padding: 112px 0px 142px;
}

.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1052px;
  margin: 0 auto;
}

.error-content .nott2 {
  font-weight: 900;
  font-size: 120px;
  line-height: 1;
  margin-bottom: 30px;
}

.error-content .nott3 {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.error-content p {
  font-size: 18px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .error-area {
    padding: 100px 0px;
  }

  .error-content .nott2 {
    font-size: 100px;
    margin-bottom: 20px;
  }

  .error-content .nott3 {
    font-size: 30px;
  }

  .error-img {
    max-width: 450px;
  }
}

@media screen and (max-width: 991px) {
  .error-area {
    padding: 90px 0px;
  }

  .error-content .nott2 {
    font-size: 80px;
    margin-bottom: 20px;
  }

  .error-content .nott3 {
    font-size: 26px;
  }

  .error-img {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .error-area {
    padding: 70px 0px;
  }

  .error-wrapper {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 575px) {
  .error-area {
    padding: 50px 0px;
  }

  .error-content .nott2 {
    font-size: 60px;
    margin-bottom: 10px;
  }

  .error-content .nott3 {
    font-size: 24px;
  }

  .error-content p {
    margin-bottom: 20px;
  }
}

.helpcenter-title {
  max-width: 640px;
  margin: 0px auto 50px;
  text-align: center;
}

.helpcenter-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.single-help {
  padding: 25px;
  background: var(--bg-white);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  text-align: center;
}

.single-help::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: var(--help-overlay);
  z-index: -1;
  clip-path: circle(70.7% at 50% 50%);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-help .img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--theme-bg);
  margin: 0px auto 25px;
}

.single-help .img svg {
  max-width: 100%;
  max-height: 100%;
}

.single-help .nott5 {
  line-height: 1;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-help p {
  font-size: 18px;
}

.single-help:hover {
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

.single-help:hover::before {
  clip-path: circle(0% at 100% 100%);
}

.single-help:hover .nott5 {
  color: var(--icon-clr);
}

@media screen and (max-width: 1199px) {
  .single-help {
    padding: 20px;
  }

  .single-help .img {
    width: 70px;
    height: 70px;
    margin: 0px auto 20px;
  }
}

@media screen and (max-width: 991px) {
  .helpcenter-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .helpcenter-title {
    margin-bottom: 40px;
  }

  .helpcenter-wrapper {
    grid-gap: 20px;
  }

  .single-help .img {
    width: 60px;
    height: 60px;
    padding: 15px;
    margin-bottom: 15px;
  }

  .single-help .nott5 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .single-help p {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .helpcenter-title {
    margin-bottom: 30px;
  }

  .helpcenter-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}

.collection-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}

.collection-items {
  max-width: 1018px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.collection-item {
  background: var(--white-5);
  border-radius: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.collection-item .top {
  padding: 25px 25px 25px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.collection-item .top img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-item .thumb {
  border-radius: 20px;
  overflow: hidden;
}

.collection-item .thumb img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  width: 100%;
  height: 100%;
  transform: scale(1);
}

.collection-item:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

.collection-item:hover .thumb img {
  transform: scale(1.1) rotate(5deg);
}

.collection-item:hover .collection-content .nott4 {
  color: var(--icon-clr);
}

.collection-content {
  padding: 0px 25px 25px;
}

.collection-content .author {
  width: 80px;
  height: 88px;
  background-color: var(--bg-white);
  padding: 6px;
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  overflow: hidden;
  margin: -45px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection-content .author img {
  clip-path: polygon(50% 1%, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.collection-content .nott4 {
  margin-top: 25px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.collection-content ul {
  display: flex;
  align-items: center;
  gap: 10px 15px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.collection-content ul li {
  color: var(--title-clr);
  line-height: 1;
}

.collection-content ul li.dot {
  width: 5px;
  height: 5px;
  background-color: var(--title-bg);
  border-radius: 50%;
}

.collection-sidebar {
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: sticky;
  top: 90px;
}

.collection-single-sidebar {
  background: var(--white-5);
  border-radius: 10px;
  padding: 25px;
}

.collection-single-sidebar .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-area: 10px;
  cursor: pointer;
}

.collection-single-sidebar .title button {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
}

.collection-single-sidebar .title svg {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.collection-single-sidebar .title.active svg {
  transform: rotateX(180deg);
}

.collection-single-sidebar .collection-ctgry .label-check {
  display: block;
  margin-bottom: 15px;
}

.collection-single-sidebar .collection-ctgry .label-check:last-child {
  margin-bottom: 0;
}

.collection-single-sidebar .collection-ctgry .label-check .name {
  color: var(--paragraph-clr);
}

.collection-range-slider .minmax {
  position: relative;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.collection-range-slider .minmax::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-bg);
  opacity: 0.1;
}

.collection-range-slider .minmax li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.collection-range-slider .range {
  padding: 13px 0px 33px;
  position: relative;
}

.collection-range-slider .range span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 1;
  z-index: 6;
}

.collection-range-slider .range .field {
  position: relative;
  z-index: 1;
}

.collection-range-slider .range .field .range_progress {
  position: absolute;
  content: "";
  width: 50%;
  height: 5px;
  background: var(--theme-bg);
  top: 50%;
  border-radius: 58px;
}

.collection-range-slider .range .field input {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: var(--range-slider-bg);
  border-radius: 58px;
  border: none;
  outline: none;
  cursor: pointer;
}

.collection-range-slider .range .field input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--theme-bg);
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.collection-sidebar-items {
  margin-top: 25px;
  display: none;
}

@media screen and (max-width: 1199px) {
  .collection-sidebar {
    max-width: 250px;
  }

  .collection-content .author {
    width: 60px;
    height: 67px;
    padding: 5px;
    margin: -35px auto 0px;
  }

  .collection-content .nott4 {
    margin-top: 15px;
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .collection-items {
    grid-template-columns: 1fr;
  }
}

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

  .collection-items {
    grid-gap: 20px;
  }

  .collection-item .top {
    padding: 20px;
    grid-gap: 15px;
  }

  .collection-content {
    padding: 0px 20px 20px;
  }

  .collection-content .nott4 {
    font-size: 18px;
    margin-top: 10px;
  }

  .collection-content ul {
    gap: 10px;
    flex-wrap: wrap;
  }

  .collection-content ul li {
    font-size: 14px;
  }

  .collection-sidebar {
    max-width: 100%;
    position: unset;
  }
}

@media screen and (max-width: 575px) {
  .collection-single-sidebar {
    padding: 20px;
  }

  .collection-single-sidebar .collection-ctgry .label-check {
    margin-bottom: 10px;
  }

  .collection-single-sidebar .collection-ctgry .label-check .name {
    font-size: 16px;
  }

  .collection-item .top {
    padding: 15px;
  }

  .collection-item .top img {
    border-radius: 10px;
  }
}

.collection-v2-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

@media screen and (max-width: 991px) {
  .collection-v2-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .collection-v2-items {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}

.about-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.martnft-about-content {
  max-width: 490px;
  width: 100%;
}

.martnft-about-content .nott3 {
  font-weight: 800;
  line-height: 1.2;
}

.martnft-about-content .nott3 span {
  font-weight: 300;
  display: block;
}

.martnft-about-content .content .nott3 {
  font-weight: 600;
}

.about-thumb {
  max-width: 570px;
  width: 100%;
  display: grid;
  grid-gap: 20px;
}

.about-thumb img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.about-thumb .thumb-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.about-thumb .thumb-group img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .about-wrapper {
    flex-direction: column;
  }

  .martnft-about-content,
  .about-thumb {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .martnft-about-content .nott3 {
    font-size: 24px;
  }

  .martnft-about-content p {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .about-thumb {
    grid-gap: 10px;
  }

  .about-thumb .thumb-group {
    grid-gap: 10px;
  }
}

.about-counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.single-about-counter {
  background: var(--help-overlay);
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.single-about-counter .nott2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
}

.single-about-counter .nott2 sub {
  font-size: 24px;
}

.single-about-counter p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: var(--title-clr);
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .single-about-counter {
    padding: 30px 10px;
  }

  .single-about-counter .nott2 {
    font-size: 34px;
  }

  .single-about-counter p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .about-counter-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 575px) {
  .about-counter-wrapper {
    grid-gap: 15px;
  }

  .single-about-counter {
    padding: 30px 10px;
  }

  .single-about-counter .nott2 {
    font-size: 26px;
  }

  .single-about-counter p {
    font-size: 15px;
  }
}

.about-vdo-wrapper {
  padding: 190px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-vdo-wrapper::before {
  background-color: var(--title-bg);
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .about-vdo-wrapper {
    padding: 150px 0px;
  }
}

@media screen and (max-width: 575px) {
  .about-vdo-wrapper {
    padding: 100px 0px;
  }
}

.about-dsc-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 30px;
}

.about-dsc-thumb {
  max-width: 350px;
  width: 100%;
}

.about-dsc-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-dsc-content {
  max-width: 798px;
  width: 100%;
}

.about-dsc-content .nott3 {
  max-width: 595px;
}

.about-dsc-content ul,
.about-dsc-content ol {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .about-dsc-content .nott3 {
    font-size: 26px;
  }

  .about-dsc-wrapper {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .about-dsc-thumb {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .about-dsc-content .nott3 {
    font-size: 22px;
  }
}

.explore-topbar {
  display: flex;
  gap: 15px 25px;
  margin-bottom: 50px;
}

.explore-single-ctgry {
  max-width: 220px;
  width: 100%;
}

.explore-single-ctgry label {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
  margin-bottom: 15px;
}

.explore-single-ctgry .nice-select {
  padding: 10px 20px;
  font-size: 17px;
  font-weight: 500;
  height: 52px;
  color: var(--paragraph-clr);
}

@media screen and (max-width: 991px) {
  .explore-topbar {
    gap: 20px;
    margin-bottom: 40px;
  }

  .explore-single-ctgry .nice-select {
    padding: 10px 15px;
    font-size: 16px;
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .explore-topbar {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .explore-single-ctgry {
    max-width: calc(50% - 10px);
  }

  .explore-single-ctgry label {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .explore-single-ctgry .nice-select {
    height: 45px;
  }
}

@media screen and (max-width: 575px) {
  .explore-single-ctgry {
    max-width: 400px;
    margin: 0px auto;
  }
}

.explore-wrapper .auction-card {
  background-color: var(--wallet-bg);
  border-radius: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.explore-wrapper .auction-card:hover {
  background: var(--bg-white);
  box-shadow: 0px 50px 60px var(--menu-sdw);
}

.explore-v3-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.explore-v3-wrapper .collection-single-sidebar {
  background-color: var(--wallet-bg);
}

.explore-v3-wrapper .collection-single-sidebar .title {
  margin-bottom: 25px;
  cursor: auto;
}

.explore-v3-wrapper .collection-single-sidebar .title .nott6 {
  font-weight: 500;
  line-height: 1;
}

.explore-v3-inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  max-width: 1017px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .explore-v3-inner-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 991px) {
  .explore-v3-wrapper {
    flex-direction: column;
  }

  .explore-v3-wrapper .collection-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: unset;
    max-width: 100%;
    grid-gap: 20px;
  }

  .explore-v3-wrapper .collection-sidebar .title {
    margin-bottom: 15px;
  }

  .explore-v3-wrapper .collection-single-sidebar:nth-child(2) {
    grid-row: 1/3;
  }

  .explore-v3-inner-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}

@media screen and (max-width: 575px) {
  .explore-v3-inner-wrapper {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 405px) {
  .explore-v3-wrapper {
    flex-direction: column;
  }

  .explore-v3-wrapper .collection-sidebar {
    grid-template-columns: 1fr;
  }

  .explore-v3-wrapper .collection-single-sidebar:nth-child(2) {
    grid-row: 1;
  }
}

.pdct-dtls-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.pdct-dtls-thumb {
  max-width: 507px;
  width: 100%;
}

.pdct-dtls-thumb .thumb {
  border-radius: 20px;
  overflow: hidden;
}

.pdct-dtls-thumb .thumb img {
  width: 100%;
  height: 100%;
}

.pdct-dtls-content {
  max-width: 582px;
  width: 100%;
}

.pdct-dtls-content .author {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.pdct-dtls-content .author .img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}

.pdct-dtls-content .author .img img {
  width: 100%;
  height: 100%;
}

.pdct-dtls-content .author .title {
  flex: 1;
}

.pdct-dtls-content .author .title span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.pdct-dtls-content .author .title a {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: var(--title-clr);
}

.pdct-dtls-content .content {
  margin-bottom: 25px;
}

.pdct-dtls-content .content .nott2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.pdct-dtls-content .content p {
  font-size: 18px;
}

.pdct-dtls-content .pdct-info {
  background-color: var(--wallet-bg);
  border-radius: 5px;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  gap: 25px 20px;
}

.pdct-dtls-content .pdct-info li {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
  display: flex;
  gap: 5px;
}

.pdct-dtls-content .pdct-info li span {
  font-weight: 400;
  color: var(--paragraph-clr);
  user-select: none;
}

.pdct-dtls-content .pdct-info li:last-child {
  margin-bottom: 0;
}

.pdct-dtls-content .current-info {
  margin-top: 15px;
}

.pdct-dtls-content .current-info li {
  margin-bottom: 0;
}

.pdct-dtls-content .current-info li span {
  color: var(--title-clr);
}

.p-dtls-counter {
  margin-top: 50px;
}

.p-dtls-counter .nott5 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
}

.p-dtls-counter .countdown-clock {
  display: flex;
  gap: 15px;
}

.p-dtls-counter .countdown-item {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-direction: column;
  background: var(--wallet-bg);
  border-radius: 5px;
}

.p-dtls-counter .countdown-item .ci-inner {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: var(--title-clr);
}

.p-dtls-counter .countdown-item p {
  margin-top: 5px;
}

.p-dtls-counter .button {
  margin-top: 50px;
}

.pdct-dtls-dsc {
  margin-top: 50px;
}

.pdtls-dsc-tab-navs {
  margin-bottom: 25px;
}

.pdtls-dsc-tab-navs .nav-tabs {
  gap: 15px;
}

.pdtls-dsc-tab-navs .nav-tabs .nav-link {
  font-size: 20px;
  padding: 15px 30px;
  background: var(--wallet-bg);
  border: none;
  border-radius: 5px;
  overflow: hidden;
}

.single-pdct-dtls-dsc {
  padding: 25px;
  background-color: var(--wallet-bg);
  border-radius: 10px;
  max-width: 460px;
}

.pdct-dsc-details {
  overflow: hidden;
}

.pdct-dsc-details .author {
  display: flex;
  align-items: center;
  gap: 15px;
}

.pdct-dsc-details .author .img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}

.pdct-dsc-details .author .img img {
  width: 100%;
  height: 100%;
}

.pdct-dsc-details .author .title {
  flex: 1;
}

.pdct-dsc-details .author .title span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.pdct-dsc-details .author .title a {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: var(--title-clr);
}

.pdct-dsc-details>p {
  font-size: 18px;
  margin-top: 15px;
}

.pdct-dsc-details .contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding: 25px 0px;
  margin-top: 25px;
}

.pdct-dsc-details .contact::before {
  position: absolute;
  content: "";
  width: calc(100% + 50px);
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--bg-white);
  z-index: -1;
}

.pdct-dsc-details .contact::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 90%;
  background: rgba(25, 36, 43, 0.25);
  filter: blur(30px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.pdct-dsc-details .contact p {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--title-clr);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  max-width: 310px;
  width: 100%;
}

.pdct-dsc-details .contact p input {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-clr);
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  outline: none;
  max-width: 232px;
}

.pdct-dsc-details .contact button {
  position: relative;
}

.pdct-dsc-details .contact button::before {
  position: absolute;
  content: "copied";
  background: var(--theme-bg);
  color: var(--txt-white);
  padding: 5px 8px;
  right: -10px;
  bottom: 150%;
  border-radius: 5px;
  font-size: 14px;
  z-index: 3;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  opacity: 0;
}

.pdct-dsc-details .contact button::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: var(--theme-bg);
  bottom: 130%;
  right: 3px;
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.pdct-dsc-details .contact button.active::after,
.pdct-dsc-details .contact button.active::before {
  opacity: 1;
}

.pdct-dsc-details .info {
  margin-top: 25px;
}

.pdct-dsc-details .info li {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 17px;
  line-height: 1;
  color: var(--title-clr);
  display: flex;
  gap: 5px;
}

.pdct-dsc-details .info li span {
  font-weight: 400;
  color: var(--paragraph-clr);
  user-select: none;
}

.pdct-dsc-details .info li:last-child {
  margin-bottom: 0;
}

.pdct-dsc-bids .single-bids {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-clr);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.pdct-dsc-bids .single-bids:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.pdct-dsc-bids .single-bids .author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pdct-dsc-bids .single-bids .author .img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}

.pdct-dsc-bids .single-bids .author .img img {
  width: 100%;
  height: 100%;
}

.pdct-dsc-bids .single-bids .author .title {
  flex: 1;
}

.pdct-dsc-bids .single-bids .author .title span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}

.pdct-dsc-bids .single-bids .author .title a {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--title-clr);
  display: flex;
  align-items: center;
  gap: 5px;
}

.pdct-dsc-bids .single-bids .author .title a span {
  color: var(--paragraph-clr);
  font-size: 16px;
}

.pdct-dsc-bids .single-bids>span {
  font-size: 15px;
  display: inline-block;
}

.pdct-dsc-bids .load-more {
  margin-top: 50px;
  text-align: center;
  display: block;
  font-weight: 500;
  font-size: 17px;
  line-height: 1;
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 991px) {
  .pdct-dtls-wrapper {
    flex-direction: column;
  }

  .pdct-dtls-thumb {
    max-width: 100%;
  }

  .pdct-dtls-dsc {
    margin-top: 30px;
  }

  .single-pdct-dtls-dsc {
    max-width: 560px;
  }

  .pdtls-dsc-tab-navs {
    margin-bottom: 20px;
  }

  .pdtls-dsc-tab-navs .nav-tabs .nav-link {
    font-size: 18px;
    padding: 13px 26px;
  }

  .p-dtls-counter {
    margin-top: 30px;
  }

  .p-dtls-counter .button {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .single-pdct-dtls-dsc {
    padding: 20px;
  }

  .pdct-dsc-details>p {
    font-size: 16px;
    margin-top: 10px;
  }

  .pdct-dsc-details .contact {
    gap: 10px;
    padding: 17px 0px;
    margin-top: 20px;
  }

  .pdct-dsc-details .contact p {
    gap: 10px;
    font-size: 16px;
  }

  .pdct-dsc-details .contact p input {
    font-size: 15px;
  }

  .pdct-dsc-details .contact button svg {
    max-width: 20px;
    max-height: 20px;
  }

  .pdct-dsc-details .info {
    margin-top: 20px;
  }

  .pdct-dsc-details .info li {
    font-size: 16px;
  }

  .pdct-dtls-content .content .nott2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .pdct-dtls-content .content p {
    font-size: 16px;
  }

  .pdct-dtls-content .pdct-info {
    padding: 20px;
  }

  .pdct-dtls-content .pdct-info li {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .pdct-dtls-content .current-info li {
    margin-bottom: 0;
  }

  .p-dtls-counter {
    margin-top: 20px;
  }

  .p-dtls-counter .countdown-item {
    width: 80px;
    height: 80px;
  }

  .p-dtls-counter .countdown-item .ci-inner {
    font-size: 24px;
  }

  .p-dtls-counter .countdown-item p {
    margin-top: 0;
  }

  .pdct-dsc-bids .load-more {
    margin-top: 30px;
  }
}

@media screen and (max-width: 575px) {
  .pdct-dtls-dsc {
    margin-top: 25px;
  }

  .pdtls-dsc-tab-navs .nav-tabs {
    gap: 10px;
  }

  .pdtls-dsc-tab-navs .nav-tabs .nav-link {
    font-size: 16px;
    padding: 12px 24px;
  }

  .single-pdct-dtls-dsc {
    padding: 15px;
  }

  .pdct-dsc-details .contact p a {
    font-size: 15px;
  }

  .pdct-dtls-content .author {
    margin-bottom: 15px;
  }

  .pdct-dtls-content .content {
    margin-bottom: 15px;
  }

  .pdct-dtls-content .content .nott2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .pdct-dtls-content .pdct-info {
    padding: 15px;
    gap: 15px;
  }

  .pdct-dsc-bids .single-bids {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .pdct-dsc-bids .single-bids .author .img {
    width: 40px;
    height: 40px;
  }

  .pdct-dsc-bids .load-more {
    margin-top: 20px;
  }

  .p-dtls-counter .nott5 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .p-dtls-counter .countdown-item {
    width: 70px;
    height: 70px;
  }

  .p-dtls-counter .countdown-item .ci-inner {
    font-size: 20px;
  }

  .p-dtls-counter .countdown-item p {
    font-size: 14px;
  }

  .p-dtls-counter .button {
    margin-top: 20px;
  }
}

@media screen and (max-width: 400px) {
  .pdct-dsc-details .contact {
    flex-direction: column;
  }
}

.pdct-dtls-related-item-title {
  text-align: center;
  margin-bottom: 50px;
}

.pdct-dtls-related-item-title .nott2 {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.pdct-dtls-related-item-title p {
  font-size: 16px;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .pdct-dtls-related-item-title {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .pdct-dtls-related-item-title {
    margin-bottom: 30px;
  }

  .pdct-dtls-related-item-title .nott2 {
    margin-bottom: 5px;
  }
}

.blog-slider-area {
  overflow: hidden;
}

.blog-slider {
  max-width: 568px;
  margin: 0 auto;
}

.blog-slider .owl-stage-outer {
  overflow: visible;
}

.blog-slider-inner {
  padding: 0px 15px;
}

.blog-single-slider {
  position: relative;
}

.blog-single-slider::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--blog-overlay);
  top: 0;
  left: 0;
  z-index: 1;
}

.blog-single-slider img {
  width: 100%;
  height: 100%;
}

.blog-single-slider .content {
  position: absolute;
  content: "";
  width: calc(100% - 120px);
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  z-index: 2;
}

.blog-single-slider .content .date {
  position: relative;
  display: inline-block;
  padding: 10px;
  z-index: 1;
  text-align: center;
}

.blog-single-slider .content .date::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--title-bg);
  opacity: 0.3;
  z-index: -1;
}

.blog-single-slider .content .date span {
  font-weight: 400;
  font-size: 72px;
  line-height: 53px;
  color: var(--txt-white);
  display: block;
}

.blog-single-slider .content .date p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--txt-white);
}

.blog-single-slider .content>a {
  color: var(--border-clr);
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}

.blog-single-slider .content .nott2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3;
  color: var(--txt-white);
  margin-bottom: 25px;
}

.blog-single-slider .content .nott2 a {
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 2px;
  text-decoration: none;
}

.blog-single-slider:hover .content .nott2 a {
  background-size: 100% 2px;
}

@media screen and (max-width: 991px) {
  .blog-slider {
    max-width: 500px;
  }

  .blog-single-slider .content {
    width: calc(100% - 60px);
  }

  .blog-single-slider .content .date span {
    font-size: 50px;
    line-height: 1;
  }

  .blog-single-slider .content .date p {
    margin-top: 0;
  }

  .blog-single-slider .content .nott2 {
    font-size: 30px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .blog-slider-inner {
    padding: 0px 10px;
  }

  .blog-single-slider .content {
    top: 30px;
  }

  .blog-single-slider .content .date span {
    font-size: 50px;
    line-height: 1;
  }

  .blog-single-slider .content .date p {
    margin-top: 0;
  }

  .blog-single-slider .content .nott2 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .blog-single-slider .content {
    width: calc(100% - 40px);
    top: 20px;
  }

  .blog-single-slider .content .date span {
    font-size: 48px;
  }

  .blog-single-slider .content .date p {
    font-size: 14px;
  }

  .blog-single-slider .content .nott2 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}

.blog-title {
  margin-bottom: 25px;
}

.blog-title .nott3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.blog-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

@media screen and (max-width: 991px) {
  .blog-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .blog-title {
    margin-bottom: 20px;
  }

  .blog-title .nott3 {
    font-size: 24px;
  }

  .blog-wrapper {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 575px) {
  .blog-wrapper {
    grid-template-columns: 1fr;
  }
}

.blog-details-title {
  max-width: 740px;
  margin: 0px auto;
}

.blog-details-title ul {
  display: flex;
  align-items: center;
  gap: 10px 15px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.blog-details-title ul li.dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--theme-bg);
}

.blog-details-title .nott2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

.blog-details-thumb {
  margin: 50px 0px;
}

.blog-details-thumb img {
  width: 100%;
  height: 100%;
}

.blog-details {
  max-width: 740px;
  margin: 0px auto;
}

.blog-details p {
  font-size: 18px;
}

.blog-details .nott5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.3;
}

.blog-details .quote {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin: 25px 0px;
}

.blog-details .quote .nott4 {
  font-weight: 600;
}

.blog-details .gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin: 25px 0px;
}

.blog-details .gallery img {
  border-radius: 20px;
}

.blog-details .share {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid var(--border-clr);
}

.blog-details .share .nott6 {
  font-weight: 500;
  line-height: 1;
}

.blog-details .share .option {
  display: flex;
  gap: 15px;
}

.blog-details .share .option a {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wallet-bg);
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.blog-details .share .option a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--theme-bg);
  z-index: -1;
  clip-path: circle(0% at 50% 50%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.blog-details .share .option a:hover {
  color: var(--txt-white);
}

.blog-details .share .option a:hover::before {
  clip-path: circle(70.7% at 50% 50%);
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 991px) {
  .blog-details-title .nott2 {
    font-size: 34px;
    line-height: 1.2;
  }

  .blog-details-thumb {
    margin: 30px 0px;
  }
}

@media screen and (max-width: 767px) {
  .blog-details-title .nott2 {
    font-size: 30px;
  }

  .blog-details-thumb {
    margin: 20px 0px;
  }

  .blog-details p {
    font-size: 16px;
  }

  .blog-details .quote {
    margin: 20px 0px;
  }

  .blog-details .quote .nott4 {
    font-weight: 600;
    font-size: 20px;
  }

  .blog-details .gallery {
    grid-gap: 15px;
    margin: 20px 0px;
  }

  .blog-details .share {
    gap: 20px;
    padding-top: 20px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .blog-details-title ul {
    gap: 10px;
    margin-bottom: 10px;
  }

  .blog-details-title ul li {
    font-size: 15px;
  }

  .blog-details-title .nott2 {
    font-size: 24px;
  }

  .blog-details-thumb {
    margin: 15px 0px;
  }

  .blog-details .quote {
    gap: 10px;
    margin: 15px 0px;
  }

  .blog-details .quote .img svg {
    max-width: 24px;
  }

  .blog-details .quote .nott4 {
    font-size: 18px;
  }

  .blog-details .gallery {
    gap: 10px;
    margin: 15px 0px;
  }

  .blog-details .gallery img {
    border-radius: 10px;
  }

  .blog-details .share {
    gap: 15px;
  }

  .blog-details .share .option {
    gap: 10px;
  }

  .blog-details .share .option a {
    width: 34px;
    height: 34px;
  }

  .blog-details .share .option a svg {
    font-size: 14px;
  }
}

.blog-comment-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.blog-comment-wrapper .textCenter .input {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.blog-comment-wrapper .textCenter .input input {
  width: 100%;
}

@media screen and (max-width: 575px) {
  .blog-comment-wrapper {
    max-width: 700px;
    margin: 0 auto;
  }

  .blog-comment-wrapper .textCenter .input {
    grid-template-columns: 1fr;
    grid-gap: 0px;
    margin-bottom: 20px;
  }
}

.profile-banner-wrapper {
  max-width: 1366px;
  margin: 0 auto;
  z-index: 0;
}

.profile-banner-wrapper::before {
  background: var(--profile-banner);
}

.profile-banner-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 50px;
}

.profile-banner-content {
  display: flex;
  align-items: center;
  gap: 30px;
}

.profile-banner-content .img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background-color: var(--bg-white);
  padding: 10px;
  overflow: hidden;
}

.profile-banner-content .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.profile-banner-content .content {
  flex: 1;
}

.profile-banner-content .content a {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1;
  display: block;
  color: var(--txt-white);
  margin-bottom: 5px;
}

.profile-banner-content .content>span {
  display: block;
  font-weight: 400;
  color: var(--txt-white);
}

.profile-banner-counter {
  display: flex;
  margin-top: 20px;
  gap: 30px;
  background: var(--white-01);
  mix-blend-mode: normal;
  border: 1px solid var(--cretors-item-bg);
  backdrop-filter: blur(30px);
  border-radius: 10px;
  padding: 20px;
}

.profile-banner-counter .nott2 {
  font-size: 18px;
  font-weight: 700;
  color: var(--txt-white);
  line-height: 1;
}

.profile-banner-counter p {
  font-size: 16px;
  font-weight: 400;
  color: var(--txt-white);
  line-height: 1;
  margin-top: 6px;
}

.profile-banner-button a {
  background-color: var(--bg-white);
  color: var(--title-clr);
  font-size: 16px;
  padding: 13px 30px;
  position: relative;
  border: none;
  z-index: 1;
  overflow: hidden;
}

.profile-banner-button a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--theme-bg);
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  clip-path: circle(0.2% at 0 50%);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.profile-banner-button a:hover {
  color: var(--txt-white);
}

.profile-banner-button a:hover::before {
  opacity: 1;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 991px) {
  .profile-banner-wrapper::before {
    background: var(--title-bg);
    opacity: 0.7;
  }

  .profile-banner-wrap {
    padding: 50px 20px;
  }

  .profile-banner-content {
    gap: 20px;
  }

  .profile-banner-counter {
    gap: 20px;
    margin-top: 15px;
  }
}

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

  .profile-banner-content {
    gap: 15px;
  }

  .profile-banner-content .img {
    width: 150px;
    height: 150px;
    padding: 6px;
  }

  .profile-banner-content .content a {
    font-size: 24px;
  }

  .profile-banner-counter {
    margin-top: 10px;
    padding: 15px;
  }

  .profile-banner-counter p {
    font-size: 14px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 575px) {
  .profile-banner-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 15px;
  }

  .profile-banner-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-banner-content .img {
    width: 120px;
    height: 120px;
  }

  .profile-banner-content .content a {
    font-size: 20px;
    margin-bottom: 0px;
  }

  .profile-banner-content .content>span {
    font-size: 15px;
  }

  .profile-banner-counter {
    flex-wrap: wrap;
  }

  .profile-banner-counter p {
    margin-top: 3px;
  }
}

@media screen and (max-width: 400px) {
  .profile-banner-counter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}

.profile-dsc-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.profile-dsc-content {
  max-width: 575px;
  width: 100%;
}

.profile-dsc-content p {
  font-size: 18px;
  margin-bottom: 20px;
}

.profile-dsc-content p:last-child {
  margin-bottom: 0;
}

.profile-dsc-thumb {
  max-width: 504px;
  width: 100%;
}

.profile-dsc-thumb img {
  border-radius: 10px;
  object-fit: cover;
}

.profile-dsc-thumb img.shape {
  border-radius: 0;
}

.profile-dsc-thumb .top {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.profile-dsc-thumb .bottom {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  margin-top: -80px;
}

@media screen and (max-width: 1199px) {
  .profile-dsc-thumb {
    display: grid;
    grid-gap: 20px;
  }

  .profile-dsc-thumb img {
    width: 100%;
    height: 100%;
  }

  .profile-dsc-thumb .top,
  .profile-dsc-thumb .bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .profile-dsc-thumb .top img:last-child {
    grid-column: 2/4;
  }

  .profile-dsc-thumb .top img:first-child {
    max-width: 200px;
    max-height: 150px;
  }

  .profile-dsc-thumb .bottom {
    margin-top: -100px;
  }

  .profile-dsc-thumb .bottom img:first-child {
    grid-column: 1/3;
  }

  .profile-dsc-thumb .bottom img:last-child {
    max-width: 100px;
    max-height: 100px;
  }
}

@media screen and (max-width: 991px) {
  .profile-dsc-wrapper {
    flex-direction: column;
  }

  .profile-dsc-content,
  .profile-dsc-thumb {
    max-width: 100%;
  }

  .profile-dsc-thumb .top img:first-child {
    max-width: 220px;
    max-height: 250px;
  }

  .profile-dsc-thumb .bottom {
    margin-top: -140px;
  }

  .profile-dsc-thumb .bottom img:last-child {
    max-width: 150px;
    max-height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .profile-dsc-wrapper {
    gap: 20px;
  }

  .profile-dsc-content p {
    font-size: 16px;
  }

  .profile-dsc-thumb .top img:first-child {
    max-width: 200px;
    max-height: 150px;
  }

  .profile-dsc-thumb .bottom img:last-child {
    max-width: 100px;
    max-height: 100px;
  }
}

@media screen and (max-width: 575px) {
  .profile-dsc-thumb .top {
    gap: 15px;
  }

  .profile-dsc-thumb .top img:first-child {
    max-width: 200px;
    max-height: 250px;
  }

  .profile-dsc-thumb .bottom {
    display: none;
  }
}

.profile-pdct-tab-navs {
  display: flex;
  justify-content: center;
}

.profile-loadmore-pdct a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 500;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.profile-loadmore-pdct a svg {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.profile-loadmore-pdct a:hover {
  color: var(--icon-clr);
}

.profile-loadmore-pdct a:hover svg {
  transform: translateX(10px);
  color: var(--icon-clr);
}

.profile-auction-item-slider {
  margin: -10px -15px -30px;
}

.single-profile-auction-pdct {
  padding: 10px 15px 30px;
}

.single-profile-auction-pdct .auction-card {
  background-color: var(--wallet-bg);
  border-radius: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-profile-auction-pdct .auction-card:hover {
  background: var(--bg-white);
  box-shadow: 0px 10px 20px var(--menu-sdw);
}

.profile-auction-item-wrapper {
  position: relative;
}

.profile-ai-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.profile-ai-slider-nav .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: var(--wallet-bg);
  color: var(--title-clr);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.profile-ai-slider-nav .icon svg {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.profile-ai-slider-nav .icon:hover {
  background: var(--bg-white);
  box-shadow: 0px 10px 20px var(--menu-sdw);
}

.profile-ai-slider-nav .icon:hover svg {
  color: var(--icon-clr);
}

.profile-ai-slider-nav .pas_prev {
  left: -100px;
}

.profile-ai-slider-nav .pas_next {
  right: -70px;
}

@media screen and (max-width: 1600px) {
  .profile-ai-slider-nav {
    position: unset;
    max-width: 100px;
    margin: 50px auto 0px;
    transform: translate(0);
  }

  .profile-ai-slider-nav .icon {
    position: unset;
  }
}

@media screen and (max-width: 991px) {
  .profile-ai-slider-nav {
    margin: 30px auto 0px;
  }

  .profile-auction-item-slider {
    margin: -10px -10px -30px;
  }

  .single-profile-auction-pdct {
    padding: 10px 10px 30px;
  }
}

@media screen and (max-width: 767px) {
  .profile-ai-slider-nav {
    max-width: 80px;
  }

  .profile-ai-slider-nav .icon {
    width: 34px;
    height: 34px;
    font-size: 20px;
  }
}

@media screen and (max-width: 575px) {
  .profile-auction-item-slider {
    margin: -10px 0px -30px;
  }

  .single-profile-auction-pdct {
    padding: 10px 0px 30px;
  }
}

.profile-collection-slider {
  max-width: 1020px;
  margin: 0 auto;
  margin: -10px auto -30px;
}

.single-collection-item {
  padding: 10px 15px 30px;
}

.single-collection-item .collection-item {
  background: var(--bg-white);
  box-shadow: 0px 1px 3px var(--black-1), 0px 1px 2px var(--black-06);
}

.single-collection-item .collection-item:hover {
  background: var(--bg-white);
  box-shadow: 0px 10px 20px var(--menu-sdw);
}

@media screen and (max-width: 1600px) {
  .profile-colction-slider-nav {
    position: absolute;
    max-width: 100%;
    margin: unset;
    transform: translate(0);
  }

  .profile-colction-slider-nav .icon {
    position: absolute;
  }

  .profile-colction-slider-nav .pas_prev {
    left: 0px;
  }

  .profile-colction-slider-nav .pas_next {
    right: 0px;
  }
}

@media screen and (max-width: 1199px) {
  .profile-collection-slider {
    margin: -10px -15px -30px;
  }

  .profile-colction-slider-nav {
    position: unset;
    max-width: 100px;
    margin: 50px auto 0px;
    transform: translate(0);
  }

  .profile-colction-slider-nav .icon {
    position: unset;
  }
}

@media screen and (max-width: 991px) {
  .profile-collection-slider {
    margin: -10px -10px -30px;
  }

  .single-collection-item {
    padding: 10px 10px 30px;
  }

  .single-collection-item .collection-content .nott4 {
    margin-top: 20px;
  }

  .single-collection-item .collection-content ul {
    margin-top: 10px;
  }

  .profile-colction-slider-nav {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .profile-collection-slider {
    margin: -10px 0px -30px;
  }

  .single-collection-item {
    padding: 10px 0px 30px;
  }

  .profile-colction-slider-nav {
    margin-top: 30px;
  }
}

.edit-profile-wrapper {
  max-width: 1290px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 30px;
}

.edit-profile-sidebar {
  max-width: 260px;
  width: 100%;
  position: sticky;
  top: 85px;
}

.edit-profile-sidebar .profile {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  padding: 25px;
}

.edit-profile-sidebar .profile::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: var(--edit-profile);
  z-index: -1;
}

.edit-profile-sidebar .profile .img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--bg-white);
  padding: 6px;
  margin: 0 auto;
}

.edit-profile-sidebar .profile .img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.edit-profile-sidebar .profile a {
  color: var(--txt-white);
  display: block;
  margin-top: 25px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.edit-profile-sidebar .profile span {
  display: block;
  color: var(--txt-white);
  line-height: 1;
  margin-top: 10px;
}

.edit-profile-sidebar ul {
  padding: 25px;
  position: relative;
  z-index: 0;
}

.edit-profile-sidebar ul::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--wallet-bg);
}

.edit-profile-sidebar ul li {
  display: block;
  margin-bottom: 25px;
}

.edit-profile-sidebar ul li:last-child {
  margin-bottom: 0;
}

.edit-profile-sidebar ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.edit-profile-sidebar ul li.active>a,
.edit-profile-sidebar ul li:hover>a {
  color: var(--icon-clr);
}

.edit-profile-sidebar ul li.active>a {
  font-weight: 500;
}

.ep-sidebar-toggle {
  width: 70px;
  height: 50px;
  background: var(--theme-bg);
  position: absolute;
  top: 125px;
  left: calc(100% - 1px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 10px 10px 0px;
  display: none;
  z-index: 0;
}

.ep-sidebar-toggle p {
  color: var(--txt-white);
  margin-left: -10px;
  display: inline-block;
  animation: line_scroll 1s linear infinite;
  width: 20px;
}

.ep-sidebar-toggle p:first-child {
  margin-left: 0;
}

.ep-sidebar-toggle p:nth-child(2) {
  animation-delay: -0.4s;
}

.ep-sidebar-toggle p:nth-child(3) {
  animation-delay: -0.8s;
}

.ep-sidebar-toggle p svg {
  font-size: 20px;
}

@keyframes line_scroll {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(10px);
  }
}

.edit-profile-content {
  max-width: 930px;
  width: 100%;
}

.edit-acount-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px 30px;
}

.edit-acount-info .single-from {
  margin: 0;
}

.edit-acount-info .country-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px 30px;
}

.edit-acount-info .country-info .nice-select {
  font-size: 15px;
  color: var(--paragraph-clr);
}

.edit-acount-info .country-info .nice-select .option {
  font-size: 15px;
}

.edit-profile-inner {
  margin-bottom: 50px;
}

.edit-profile-inner:last-child {
  margin-bottom: 0;
}

.edit-profile-inner .title {
  margin-bottom: 25px;
}

.edit-profile-inner .title .nott4 {
  font-weight: 600;
  line-height: 1;
}

.Personal-information textarea {
  height: 175px;
}

.single-acount-dsgnation .social-media {
  margin-top: 50px;
}

.single-acount-dsgnation .title {
  margin-bottom: 25px;
}

.single-acount-dsgnation .title .nott6 {
  font-weight: 500;
  line-height: 1;
}

.single-acount-dsgnation .social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.single-acount-dsgnation .social a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.single-acount-dsgnation .social a:hover {
  color: var(--icon-clr);
}

.single-acount-dsgnation .social a:first-child svg {
  transform: translateY(-2px);
}

.change-profile-cover {
  display: flex;
  align-items: center;
  gap: 45px;
}

.change-profile-cover p {
  text-decoration: underline;
  color: var(--title-clr);
  max-width: 324px;
  width: 100%;
}

.change-profile-cover .profile-cover {
  position: relative;
  max-width: 560px;
  width: 100%;
}

.change-profile-cover .profile-cover label {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg-white);
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  cursor: pointer;
}

.change-profile-cover .profile-cover label input {
  opacity: 0;
  width: 0;
  height: 0;
}

.change-profile-cover .profile-cover label svg {
  width: 20px;
  height: 17px;
  transform: translateY(-1px);
}

.change-profile-cover .profile-cover .cover {
  position: relative;
}

.change-profile-cover .profile-cover .cover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--title-bg);
  opacity: 0.7;
}

.change-profile-cover .profile-cover .profile {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: var(--bg-white);
  padding: 8px;
  z-index: 1;
}

.change-profile-cover .profile-cover .profile>img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.change-profile-cover .profile-cover .profile label {
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: -20px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {

  .edit-acount-info .single-from .nice-select,
  .edit-acount-info .single-from input {
    height: 52px;
  }

  .edit-acount-info .country-info {
    grid-gap: 25px 20px;
  }

  .change-profile-cover {
    gap: 20px;
  }

  .change-profile-cover p {
    max-width: 230px;
  }
}

@media screen and (max-width: 991px) {
  .edit-profile-area {
    position: relative;
  }

  .edit-profile-wrapper {
    position: unset;
    flex-direction: column;
  }

  .edit-acount-info {
    grid-gap: 20px;
  }

  .edit-profile-sidebar {
    position: unset;
    max-width: 100%;
  }

  .ep-sidebar-option {
    display: flex;
  }

  .ep-sidebar-option .profile {
    padding: 20px;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .ep-sidebar-option .profile .img {
    width: 80px;
    height: 80px;
    padding: 3px;
  }

  .ep-sidebar-option .profile a {
    font-size: 18px;
    margin-top: 15px;
  }

  .ep-sidebar-option .profile span {
    font-size: 15px;
    margin-top: 6px;
  }

  .ep-sidebar-option ul {
    padding: 20px;
    flex: 1;
  }

  .ep-sidebar-option ul li {
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }

  .ep-sidebar-option ul li button,
  .ep-sidebar-option ul li a {
    gap: 10px;
    font-size: 16px;
  }

  .ep-sidebar-option ul li button svg,
  .ep-sidebar-option ul li a svg {
    width: 16px;
  }

  .ep-sidebar-toggle {
    display: flex;
  }

  .change-profile-cover .profile-cover .profile {
    width: 100px;
    height: 100px;
    padding: 4px;
  }
}

@media screen and (max-width: 767px) {
  .edit-profile-inner {
    margin-bottom: 30px;
  }

  .edit-profile-inner .title {
    margin-bottom: 20px;
  }

  .edit-acount-info {
    grid-template-columns: 1fr;
  }

  .single-acount-dsgnation .social-media {
    margin-top: 25px;
  }

  .change-profile-cover {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .change-profile-cover p {
    max-width: 500px;
  }

  .single-acount-dsgnation .social {
    max-width: 420px;
  }
}

@media screen and (max-width: 575px) {
  .edit-acount-info .country-info {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .single-acount-dsgnation .social {
    justify-content: flex-start;
  }

  .single-acount-dsgnation .social a span {
    display: none;
  }

  .edit-profile-inner .title .nott4 {
    font-size: 20px;
  }

  .Personal-information textarea {
    height: 120px;
  }

  .ep-sidebar-option {
    flex-direction: column;
  }

  .ep-sidebar-option .profile {
    width: 100%;
    padding: 50px 20px;
  }
}

.notification-set-wrapper .nott4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 25px;
}

.set-notification label {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}

.set-notification label:last-child {
  margin-bottom: 0;
}

.set-notification label .title {
  color: var(--title-clr);
  font-size: 18px;
  line-height: 1;
  user-select: none;
  flex: 1;
}

.set-notification label input[type="checkbox"] {
  display: none;
}

.set-notification label input:checked~.slider {
  border-color: var(--icon-clr);
}

.set-notification label input:checked~.slider::before {
  left: 20px;
  background: var(--icon-clr);
}

.set-notification label .slider {
  width: 44px;
  height: 25px;
  border-radius: 42px;
  border: 2px solid var(--paragraph-clr);
  position: relative;
  transition: 0.3s ease;
}

.set-notification label .slider::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--paragraph-clr);
  top: 50%;
  transform: translateY(-53%);
  left: 5px;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.choose-notification {
  display: flex;
  justify-content: space-between;
  max-width: 580px;
  flex-wrap: wrap;
  grid-gap: 20px;
}

.choose-notification label {
  display: flex;
  margin-bottom: 15px;
}

.choose-notification label:last-child {
  margin-bottom: 0;
}

.choose-notification .label-check .name {
  padding-left: 40px;
}

.choose-notification .label-check .box {
  border: 1.5px solid var(--paragraph-bg);
  width: 24px;
  height: 24px;
  border-radius: 3px;
}

.choose-notification .label-check .box::before {
  width: 7px;
  height: 13px;
  border-width: 0px 1.5px 1.5px 0px;
  top: 2px;
}

@media screen and (max-width: 575px) {
  .notification-set-wrapper .nott4 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .set-notification label {
    gap: 10px;
  }

  .set-notification label .title {
    font-size: 16px;
    line-height: 1.2;
  }

  .choose-notification {
    flex-direction: column;
    gap: 15px;
  }

  .choose-notification .label-check .box {
    width: 20px;
    height: 20px;
    border-radius: 3px;
  }

  .choose-notification .label-check .box::before {
    width: 7px;
    top: 1px;
    height: 11px;
  }

  .choose-notification .label-check .name {
    padding-left: 30px;
  }
}

.upload-artwork {
  margin-bottom: 50px;
}

.upload-artwork .title {
  margin-bottom: 25px;
}

.upload-artwork .title .nott2 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
}

.upload-artwork .title p {
  font-size: 18px;
}

.upload-artwork-type {
  display: flex;
  gap: 30px;
}

.upload-artwork-type .upload-file {
  height: 250px;
  border: 1px solid var(--border-clr);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  text-align: center;
  padding: 20px;
}

.upload-artwork-type .upload-file label {
  padding: 15px 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.upload-artwork-type .upload-file label input {
  display: none;
}

.upload-artwork-type .upload-file p {
  font-size: 18px;
  margin-top: 20px;
}

.upload-artwork-type .preview-img {
  max-width: 300px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .upload-artwork .title .nott2 {
    font-size: 30px;
    margin-bottom: 5px;
  }

  .upload-artwork-type .upload-file {
    height: 200px;
  }

  .upload-artwork-type .preview-img {
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .upload-artwork-type {
    gap: 20px;
  }

  .upload-artwork-type .upload-file label {
    padding: 13px 20px;
    gap: 6px;
  }

  .upload-artwork-type .upload-file p {
    font-size: 16px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .upload-artwork .title {
    margin-bottom: 20px;
  }

  .upload-artwork .title .nott2 {
    font-size: 24px;
  }

  .upload-artwork .title p {
    font-size: 16px;
  }

  .upload-artwork-type {
    flex-direction: column;
  }

  .upload-artwork-type .preview-img {
    max-width: 100%;
  }
}

.purchase-type-nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 50px;
}

.purchase-type-nav li button {
  padding: 20px;
  background-color: var(--snow-bg);
  border-radius: 0px !important;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.purchase-type-nav li button .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--title-clr);
  text-align: left;
}

.purchase-type-nav li button .title svg {
  font-size: 20px;
  color: var(--icon-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.purchase-type-nav li button .content {
  display: block;
  text-align: left;
  padding-right: 20px;
  color: var(--paragraph-clr);
}

.purchase-type-nav li button.show,
.purchase-type-nav li button.active {
  background-color: var(--wallet-bg) !important;
  border-color: var(--icon-clr);
}

.purchase-type-nav li button.show .title svg,
.purchase-type-nav li button.active .title svg {
  opacity: 1;
}

.purchase-product-information .title {
  margin-bottom: 40px;
}

.purchase-product-information .title .nott4 {
  font-weight: 600;
  line-height: 1;
}

.purchase-product-information .top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px 30px;
}

.purchase-product-information .top .single-acount-info:first-child {
  grid-column: 1/3;
}

.purchase-product-information .top .single-acount-info .nice-select {
  font-size: 15px;
  color: var(--paragraph-clr);
}

.purchase-product-information .top .single-acount-info .nice-select .option {
  font-size: 15px;
}

.purchase-product-information .top .single-acount-info input::-webkit-outer-spin-button,
.purchase-product-information .top .single-acount-info input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.purchase-product-information .top .single-acount-info input[type="number"] {
  -moz-appearance: textfield;
}

.purchase-product-information .middle {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px 30px;
  margin-top: 25px;
}

.purchase-product-information .middle input {
  position: relative;
}

.purchase-product-information .middle input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.purchase-product-information .textarea {
  margin-top: 25px;
}

.purchase-product-information .remember .label-check input:checked~.box::before {
  border-color: var(--icon-clr);
}

.purchase-product-information .remember .label-check .box {
  border-color: var(--icon-clr) !important;
}

@media screen and (max-width: 1199px) {

  .purchase-product-information .top,
  .purchase-product-information .middle {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .purchase-type-nav {
    margin-bottom: 30px;
  }

  .purchase-product-information .title {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .purchase-type-nav {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 575px) {
  .purchase-type-nav {
    grid-template-columns: 1fr;
  }

  .purchase-product-information input::-webkit-outer-spin-button,
  .purchase-product-information input::-webkit-inner-spin-button {
    display: none;
  }

  .purchase-product-information .top {
    grid-template-columns: 1fr 1fr;
  }

  .purchase-product-information .top .single-acount-info:first-child {
    grid-column: 1/3;
  }

  .purchase-product-information .top .single-acount-info:nth-child(2) {
    grid-column: 1/2;
  }

  .purchase-product-information .top .single-acount-info:nth-child(3) {
    grid-column: 2/3;
  }

  .purchase-product-information .middle {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .purchase-product-information .remember .label-check .name {
    font-size: 15px;
  }

  .purchase-product-information .textarea {
    margin-top: 20px;
  }
}

.wallet-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.single-wallet {
  padding: 30px;
  background-color: var(--wallet-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  text-align: center;
}

.single-wallet .img {
  width: 50px;
  height: 50px;
  margin: 0px auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-wallet .nott5 {
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}

.single-wallet:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

@media screen and (max-width: 1199px) {
  .wallet-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .wallet-wrapper {
    grid-gap: 20px;
  }

  .single-wallet {
    padding: 20px;
  }
}

@media screen and (max-width: 575px) {
  .wallet-wrapper {
    grid-template-columns: 1fr;
  }
}

.hv1-banner-area {
  padding: 130px 0px;
  z-index: 0;
}

.hv1-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.hv1-banner-content {
  max-width: 570px;
  width: 100%;
}

.hv1-banner-content p,
.hv1-banner-content .welcome {
  display: block;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1;
  color: var(--title-clr);
  display: inline-block;
}

.hv1-banner-content .nott1 {
  font-size: 72px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 25px;
}

.hv1-banner-content .nott1 span {
  font-weight: 800;
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.hv1-banner-content p {
  margin-top: 25px;
  font-weight: 400;
}

.hv1-banner-content .group-btn {
  margin-top: 25px;
  display: flex;
  gap: 10px;
}

.hv1-bnr-slider-wrap {
  max-width: 905px;
  width: 100%;
  position: relative;
}

.hv1-banner-slider-icon {
  display: flex;
  gap: 30px;
  position: absolute;
  right: 25%;
  bottom: 15%;
  z-index: 2;
}

.hv1-banner-slider-icon .icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--paragraph-clr);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-banner-slider-icon .icon svg {
  font-size: 24px;
  color: var(--paragraph-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-banner-slider-icon .icon:hover {
  border-color: var(--icon-clr);
}

.hv1-banner-slider-icon .icon:hover svg {
  color: var(--icon-clr);
}

.hv1-banner-slider .owl-item .single-hv1-bnr-slider .thumb {
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  opacity: 0;
  visibility: hidden;
}

.hv1-banner-slider .owl-item .single-hv1-bnr-slider .hv1-bnr-slider-content .nott3,
.hv1-banner-slider .owl-item .single-hv1-bnr-slider .hv1-bnr-slider-content .profile,
.hv1-banner-slider .owl-item .single-hv1-bnr-slider .hv1-bnr-slider-content .bid-auction,
.hv1-banner-slider .owl-item .single-hv1-bnr-slider .hv1-bnr-slider-content .bottom {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .thumb,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .thumb {
  opacity: 1;
  visibility: visible;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-duration: 0.5s;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .nott3,
.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .profile,
.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .bid-auction,
.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .bottom,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .nott3,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .profile,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .bid-auction,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .bottom {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .nott3,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .nott3 {
  transition-duration: 0.5s;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .profile,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .profile {
  transition-duration: 1s;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .bid-auction,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .bid-auction {
  transition-duration: 1.2s;
}

.hv1-banner-slider .owl-item.active .single-hv1-bnr-slider .hv1-bnr-slider-content .bottom,
.hv1-banner-slider .owl-item.cloned .single-hv1-bnr-slider .hv1-bnr-slider-content .bottom {
  transition-duration: 1.4s;
}

.single-hv1-bnr-slider {
  display: flex;
  align-items: center;
}

.single-hv1-bnr-slider .thumb {
  border-radius: 20px;
  overflow: hidden;
  max-width: 510px;
  width: 100%;
}

.hv1-bnr-slider-content {
  max-width: 460px;
  width: 100%;
  margin-left: -65px;
  padding: 25px;
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-5);
  box-shadow: 0px 40px 70px -20px var(--menu-sdw);
  backdrop-filter: blur(100px);
  border-radius: 20px;
}

.hv1-bnr-slider-content .nott3 {
  font-weight: 600;
  line-height: 1.1;
}

.hv1-bnr-slider-content .profile {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.hv1-bnr-slider-content .profile img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.hv1-bnr-slider-content .profile span {
  flex: 1;
  color: var(--title-clr);
  line-height: 1;
}

.hv1-bnr-slider-content .bid-auction {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}

.hv1-bnr-slider-content .bid-auction .nott6 {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
}

.hv1-bnr-slider-content .bid-auction .bid p {
  font-weight: 500;
  color: var(--title-clr);
}

.hv1-bnr-slider-content .bid-auction .bid p span {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.hv1-bnr-slider-content .bid-auction .countdown-clock {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: var(--title-clr);
  opacity: 0.3;
  top: 50%;
  transform: translateY(-50%);
  left: -10px;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item:first-child::before {
  display: none;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item .ci-inner {
  color: var(--title-clr);
  font-size: 16px;
  font-weight: 500;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item .nott4 {
  color: var(--title-clr);
  font-size: 16px;
  font-weight: 500;
}

.hv1-bnr-slider-content .bid-auction .countdown-clock .countdown-item:last-child {
  width: 34px;
}

.hv1-bnr-slider-content .bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 25px;
}

.hv1-bnr-slider-content .bottom .fav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hv1-bnr-slider-content .bottom .fav .heart {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background-color: var(--bg-white);
}

.hv1-bnr-slider-content .bottom .fav .heart svg {
  font-size: 24px;
  color: var(--heart2-clr);
}

.hv1-bnr-slider-content .bottom .fav span {
  flex: 1;
  font-weight: 500;
  color: var(--title-clr);
}

.hv1-bnr-slider-content .bottom a {
  padding: 13px 20px;
}

@media screen and (max-width: 1400px) {
  .hv1-bnr-slider-wrap {
    max-width: 750px;
  }

  .hv1-banner-slider-icon {
    gap: 20px;
    right: 25%;
    bottom: 8%;
  }

  .hv1-banner-content .nott1 {
    font-size: 50px;
    line-height: 1.1;
    margin-top: 20px;
  }

  .hv1-banner-content p,
  .hv1-banner-content .welcome {
    font-size: 24px;
  }

  .hv1-banner-content p {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1199px) {
  .hv1-banner-area {
    padding: 100px 0px;
  }

  .hv1-bnr-slider-wrap {
    max-width: 650px;
  }

  .hv1-banner-content .nott1 {
    font-size: 44px;
    line-height: 1.1;
    margin-top: 20px;
  }

  .hv1-banner-content p,
  .hv1-banner-content .welcome {
    font-size: 20px;
  }

  .hv1-banner-content p {
    margin-top: 20px;
  }

  .hv1-bnr-slider-content .nott3 {
    font-size: 24px;
  }

  .hv1-bnr-slider-content .bid-auction,
  .hv1-bnr-slider-content .bottom {
    margin-top: 20px;
  }

  .hv1-banner-slider-icon {
    bottom: 0;
  }
}

@media screen and (max-width: 1060px) {
  .hv1-bnr-slider-wrap {
    max-width: 600px;
  }
}

@media screen and (max-width: 991px) {
  .hv1-banner-area {
    padding: 70px 0px;
  }

  .hv1-banner-wrapper {
    flex-direction: column;
    max-width: 690px;
    margin: 0 auto;
  }

  .hv1-bnr-slider-wrap {
    max-width: 100%;
  }

  .hv1-banner-content {
    max-width: 100%;
  }

  .hv1-banner-content .nott1 {
    max-width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .hv1-banner-area {
    padding: 50px 0px;
  }

  .hv1-banner-slider-icon {
    position: unset;
    justify-content: center;
    margin-top: 30px;
  }
}

@media screen and (max-width: 575px) {
  .single-hv1-bnr-slider {
    flex-direction: column;
    gap: 20px;
  }

  .hv1-banner-content .nott1 {
    font-size: 34px;
    line-height: 1.2;
    margin-top: 10px;
    max-width: 400px;
  }

  .hv1-banner-content .welcome,
  .hv1-banner-content p {
    font-size: 18px;
  }

  .hv1-banner-content p,
  .hv1-banner-content .group-btn {
    margin-top: 15px;
  }

  .hv1-bnr-slider-content {
    max-width: 100%;
    margin-left: 0;
    padding: 20px;
  }

  .hv1-bnr-slider-content .nott3 {
    font-size: 20px;
  }

  .hv1-banner-slider-icon {
    margin-top: 20px;
    gap: 10px;
  }

  .hv1-banner-slider-icon .icon {
    width: 34px;
    height: 34px;
  }

  .hv1-banner-slider-icon .icon svg {
    font-size: 20px;
  }
}

.hv1-sec-title {
  text-align: center;
  margin-bottom: 50px;
}

.hv1-sec-title .nott2 {
  font-weight: 700;
  line-height: 1.2;
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
}

.hv1-sec-title p {
  font-size: 16px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .hv1-sec-title {
    margin-bottom: 30px;
  }

  .hv1-sec-title .nott2 {
    font-size: 30px;
  }

  .hv1-sec-title p {
    margin-top: 5px;
  }
}

.hv1-feature-nav {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.hv1-feature-nav button {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
  padding: 14px 20px;
  background: var(--catskill-white);
  border-radius: 90px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-feature-nav button.active {
  color: var(--icon-clr);
}

@media screen and (max-width: 767px) {
  .hv1-feature-nav {
    margin-bottom: 30px;
    gap: 10px;
  }

  .hv1-feature-nav button {
    font-size: 16px;
    padding: 12px 20px;
  }
}

.hv1-creator-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px;
}

.hv1-single-creator {
  background: var(--bg-white);
  border: 1px solid var(--white-7);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  backdrop-filter: blur(40px);
  border-radius: 20px;
  padding: 15px;
}

.hv1-single-creator .img {
  position: relative;
}

.hv1-single-creator .img img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hv1-single-creator .img .social {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 0px 15px 25px;
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
  display: flex;
  gap: 25px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-single-creator .img .social a {
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  font-size: 18px;
  color: var(--title-clr);
}

.hv1-single-creator .img .social a:hover {
  color: var(--icon-clr);
}

.hv1-single-creator .content .creator {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin: -19px auto 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-single-creator .content .creator .shape {
  position: absolute;
  content: "";
  width: 200%;
  height: calc(100% + 10px);
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200%;
  max-height: 100%;
  z-index: -1;
}

.hv1-single-creator .content .creator .main {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.hv1-single-creator .content .content-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 13px;
}

.hv1-single-creator .content .content-inner .name a {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-single-creator .content .content-inner .name span {
  font-size: 14px;
  color: var(--title-clr);
  margin-top: 7px;
}

.hv1-single-creator .content .content-inner .follow {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--title-clr);
  padding: 10px 15px;
  border-radius: 90px;
  background-color: var(--flat-blue);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  overflow: hidden;
}

.hv1-single-creator .content .content-inner .follow::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  clip-path: circle(0% at 0 48%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.hv1-single-creator:hover {
  box-shadow: 0px 10px 30px var(--menu-sdw);
}

.hv1-single-creator:hover .img .social {
  opacity: 1;
  visibility: visible;
}

.hv1-single-creator:hover .img .social a {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.hv1-single-creator:hover .img .social a:nth-child(1) {
  transition-duration: 0.3s;
}

.hv1-single-creator:hover .img .social a:nth-child(2) {
  transition-duration: 0.6s;
}

.hv1-single-creator:hover .img .social a:nth-child(3) {
  transition-duration: 0.9s;
}

.hv1-single-creator:hover .img .social a:nth-child(4) {
  transition-duration: 1.2s;
}

.hv1-single-creator:hover .content .name a {
  color: var(--icon-clr);
}

.hv1-single-creator:hover .content .follow {
  color: var(--txt-white);
}

.hv1-single-creator:hover .content .follow::before {
  clip-path: circle(70.7% at 50% 50%);
  opacity: 1;
  visibility: visible;
}

.hv1-feature-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .hv1-creator-wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
  }
}

@media screen and (max-width: 991px) {
  .hv1-creator-wrapper {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .hv1-creator-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .hv1-single-creator .img .social {
    padding: 0px 0px 12px 20px;
    gap: 15px;
    margin-top: -1px;
  }

  .hv1-single-creator .img .social a {
    font-size: 17px;
  }

  .hv1-single-creator .content .content-inner .name a {
    font-size: 17px;
  }

  .hv1-single-creator .content .content-inner .follow {
    font-size: 16px;
  }
}

@media screen and (max-width: 450px) {
  .hv1-creator-wrapper {
    grid-template-columns: 1fr;
  }
}

.hv1-auction-area {
  overflow: hidden;
}

.hv1-auction-slider {
  max-width: 1366px;
  margin: 0px auto;
}

.hv1-auction-slider .owl-stage-outer {
  overflow: visible;
}

.hv1-auction-single-slider {
  padding: 0px 15px;
}

.hv1-auction-single-slider .auction-card:hover {
  box-shadow: 0px 20px 30px var(--menu-sdw);
}

.hv1-auction-slider-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 50px;
}

.hv1-auction-slider-icon .icon {
  width: 40px;
  height: 40px;
  background: var(--flat-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
  z-index: 1;
}

.hv1-auction-slider-icon .icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--theme-bg);
  clip-path: circle(0% at 0 0);
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  opacity: 0;
  visibility: hidden;
}

.hv1-auction-slider-icon .icon svg {
  font-size: 24px;
  color: var(--title-clr);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv1-auction-slider-icon .icon:hover::before {
  clip-path: circle(70.7% at 50% 50%);
  opacity: 1;
  visibility: visible;
}

.hv1-auction-slider-icon .icon:hover svg {
  color: var(--txt-white);
}

@media screen and (max-width: 991px) {
  .hv1-auction-slider-icon {
    gap: 20px;
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .hv1-auction-slider-icon {
    gap: 20px;
    margin-top: 30px;
  }

  .hv1-auction-single-slider {
    padding: 0px 10px;
  }
}

.hv1-collection-tab-navs .nav-tabs {
  justify-content: center;
  display: flex;
  align-items: center;
}

.hv1-collection-tab-navs .nav-link {
  background: var(--flat-blue) !important;
  border: none !important;
}

.hv1-collection-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.hv1-collection-item {
  background-color: rgba(0, 0, 0, 0);
}

.hv1-collection-item .thumb {
  position: relative;
}

.hv1-collection-item .thumb img {
  transform: rotate(0);
}

.hv1-collection-item .thumb .top {
  padding: 0;
  position: absolute;
  width: calc(100% - 30px);
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  gap: 15px;
}

.hv1-collection-item .thumb .top img {
  border-radius: 50px;
}

.hv1-collection-item:hover .thumb img {
  transform: rotate(0);
}

.hv1-collection-item .collection-content ul li img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

@media screen and (max-width: 1199px) {
  .hv1-collection-item .collection-content .nott4 {
    margin-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .hv1-collection-wrap {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .hv1-collection-wrap {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 575px) {
  .hv1-collection-wrap {
    grid-template-columns: 1fr;
  }
}

.hv2-banner-area {
  padding: 245px 0px 85px;
}

.hv2-banner-area::before {
  background-color: var(--title-bg);
  opacity: 0.7;
}

.hv2-banner-wrapper {
  max-width: 1860px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.hv2-banner-thumb {
  display: flex;
  align-items: center;
  gap: 30px;
  max-width: 570px;
}

.hv2-banner-thumb img {
  border-radius: 300px;
  max-width: 47%;
}

.hv2-banner-content {
  margin: 0 auto;
}

.hv2-banner-content .nott1,
.hv2-banner-content p,
.hv2-banner-content .welcome {
  color: var(--txt-white);
}

.hv2-banner-content .nott1 span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
}

.hv2-banner-content .upload {
  background: var(--white-1);
  border: 1px solid var(--white-3);
  color: var(--txt-white);
}

.hv2-banner-content .upload:hover {
  border-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1400px) {
  .hv2-banner-content {
    max-width: 400px;
  }
}

@media screen and (max-width: 1199px) {
  .hv2-banner-thumb {
    gap: 20px;
  }

  .hv2-banner-content {
    max-width: 550px;
  }

  .hv2-banner-thumb-right {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hv2-banner-area {
    padding: 200px 0px 50px;
  }
}

@media screen and (max-width: 767px) {
  .hv2-banner-thumb img {
    max-width: 100%;
  }

  .hv2-banner-thumb .small {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .hv2-banner-area {
    padding: 220px 0px 70px;
  }

  .hv2-banner-thumb {
    display: none;
  }

  .hv2-banner-content .nott1 {
    font-size: 40px;
    line-height: 1.2;
    margin-top: 10px;
    max-width: 100%;
  }
}

.hv2-sec-title .nott2 {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
  color: var(--title-clr);
}

.hot-item-v2-wrapper {
  max-width: 1650px;
  margin: 0 auto;
  position: relative;
}

.hot-item-v2-slider {
  margin-bottom: -30px;
}

.single-hot-item {
  padding: 0px 15px 30px;
}

.single-hot-item .product-card:hover {
  box-shadow: 0px 20px 30px -14px var(--menu-sdw);
}

@media screen and (min-width: 1500px) {
  .hotItem-slider-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0px 20px;
  }
}

@media screen and (max-width: 767px) {
  .single-hot-item {
    padding: 0px 10px 30px;
  }
}

.hv2-creator-area {
  background-color: var(--catskill-white);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hv2-creator-area .shape {
  position: absolute;
  z-index: -1;
  width: 12%;
  top: 50%;
  transform: translateY(-50%);
}

.hv2-creator-area .shape-01 {
  left: 0;
}

.hv2-creator-area .shape-01 svg {
  max-width: 100%;
  max-height: 100%;
}

.hv2-creator-area .shape-02 {
  right: 0;
}

.hv2-seeAll-creator a {
  color: var(--title-clr);
  margin: 0;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv2-seeAll-creator a svg {
  font-size: 26px;
}

.hv2-seeAll-creator a:hover {
  color: var(--icon-clr);
}

.hv2-creat-sale-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.hv2-single-creat-sale {
  padding: 25px;
  background: var(--wallet-bg);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hv2-single-creat-sale::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: var(--sale-card);
  clip-path: circle(0% at 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: -1;
}

.hv2-single-creat-sale .border-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: -7px;
  z-index: -1;
  clip-path: circle(0% at 100% 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv2-single-creat-sale .border-shape svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.hv2-single-creat-sale img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv2-single-creat-sale .nott5 {
  margin-top: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.hv2-single-creat-sale p {
  font-size: 18px;
  margin-top: 15px;
}

.hv2-single-creat-sale:hover::before,
.hv2-single-creat-sale:hover .border-shape {
  opacity: 1;
  visibility: visible;
  clip-path: circle(70.7% at 50% 50%);
}

.hv2-single-creat-sale:hover img {
  transform: rotateY(180deg);
}

@media screen and (max-width: 1400px) {
  .hv2-single-creat-sale .border-shape {
    right: 0;
    bottom: -55px;
  }
}

@media screen and (max-width: 1199px) {
  .hv2-single-creat-sale .border-shape {
    right: -107px;
    bottom: 0px;
    display: none;
  }

  .hv2-creat-sale-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .hv2-creat-sale-wrapper {
    grid-gap: 20px;
  }

  .hv2-single-creat-sale {
    padding: 20px;
  }

  .hv2-single-creat-sale .nott5 {
    margin-top: 15px;
    font-size: 18px;
  }

  .hv2-single-creat-sale p {
    font-size: 16px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 575px) {
  .hv2-creat-sale-area .hv1-sec-title .nott2 {
    font-size: 26px;
  }

  .hv2-creat-sale-wrapper {
    grid-template-columns: 1fr;
  }
}

.hv2-auction-wrapper .auction-card {
  background-color: var(--wallet-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv2-auction-wrapper .auction-card:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 60px var(--menu-sdw);
}

.hv2-top-seller-wrapper .top-sale-v3 {
  background-color: var(--bg-white);
}

.blog-hrzntal-light-card {
  background: var(--wallet-bg);
  border: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.blog-hrzntal-light-card:hover {
  background: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
  border: none;
}

.blog-hrzntal-light-card:hover .blog-hrzntal-content .button a {
  color: var(--txt-white);
}

.blog-hrzntal-light-card .blog-hrzntal-content .content ul li {
  color: var(--pragraph-clr);
}

.blog-hrzntal-light-card .blog-hrzntal-content .content .nott5 {
  color: var(--title-clr);
}

.blog-hrzntal-light-card .blog-hrzntal-content .content .nott5 a {
  background-image: linear-gradient(#19242b, #19242b);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  text-decoration: none;
}

.blog-hrzntal-light-card .blog-hrzntal-content .button a {
  padding: 13px 20px;
  background: var(--wallet-bg);
  color: var(--title-clr);
}

.blog-hrzntal-light-card .blog-hrzntal-content .button a::before {
  background: var(--theme-bg);
}

.dark-home {
  background: var(--black-gradient);
}

.hv3-banner-area {
  position: relative;
  overflow: hidden;
}

.hv3-banner-area::before {
  position: absolute;
  content: "";
  width: 300px;
  height: 300px;
  background: linear-gradient(270deg, #0573e3 0%, #022180 100%);
  opacity: 0.6;
  filter: blur(640px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.hv3-banner-area .shape {
  position: absolute;
  z-index: -1;
}

.hv3-banner-area .shape-01 {
  top: 10%;
  left: 5%;
  animation: rotate 10s linear infinite;
}

.hv3-banner-area .shape-01 svg {
  max-width: 100%;
  max-height: 100%;
}

.hv3-banner-area .shape-02 {
  right: 0;
  top: 20%;
  width: 13%;
}

.hv3-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hv3-banner-content {
  max-width: 481px;
}

.hv3-banner-content .nott1,
.hv3-banner-content p,
.hv3-banner-content .welcome {
  color: var(--txt-white);
}

.hv3-banner-content .welcome .inner {
  background: var(--themev2-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
}

.hv3-banner-content .nott1 span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
  text-fill-color: unset;
}

.hv3-banner-content .upload {
  background: var(--white-1);
  border: none;
  color: var(--txt-white);
}

.hv3-banner-content .upload::before {
  background: var(--themev2-bg);
}

.hv3-banner-content .upload:hover {
  border-color: rgba(0, 0, 0, 0);
}

.hv3-banner-thumb {
  max-width: 810px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.hv3-banner-thumb img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.hv3-banner-thumb .left img {
  height: 100%;
}

.hv3-banner-thumb .right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media screen and (max-width: 1199px) {
  .hv3-banner-thumb {
    gap: 20px;
  }

  .hv3-banner-thumb .right {
    gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .hv3-banner-area .shape-01 {
    display: none;
  }

  .hv3-banner-wrapper {
    gap: 30px;
  }
}

@media screen and (max-width: 767px) {
  .hv3-banner-wrapper {
    flex-direction: column;
  }
}

@media screen and (max-width: 575px) {
  .hv3-banner-thumb {
    gap: 15px;
    grid-template-columns: 1fr;
  }

  .hv3-banner-thumb .left {
    display: none;
  }

  .hv3-banner-thumb .right img:nth-child(1) {
    display: none;
  }
}

.hv3-section-title {
  margin-bottom: 50px;
}

.hv3-section-title .nott6 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--txt-white);
}

.hv3-section-title .line {
  width: 100%;
  height: 1px;
  background-color: var(--white-15);
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .hv3-section-title {
    margin-bottom: 30px;
  }

  .hv3-section-title .line {
    margin-top: 15px;
  }
}

.hv3-about-area .shape-01 {
  left: 5%;
}

.hv3-about-area .shape-02 {
  left: 1%;
}

.hv3-about-area .shape-03 {
  right: 1%;
}

.hv3-about-area .shape-04 {
  right: 5%;
}

.hv3-about-area .shape-05 {
  right: 45%;
  top: 30%;
}

.hv3-about-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}

.hv3-martnft-about-content {
  max-width: 645px;
  width: 100%;
}

.hv3-martnft-about-content .nott3 {
  background: var(--themev2-bg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  margin-bottom: 0;
}

.hv3-martnft-about-content>span {
  font-size: 30px;
  font-weight: 300;
  color: var(--txt-white);
  display: block;
  line-height: 1;
}

.hv3-martnft-about-content p {
  color: var(--txt-white);
  margin-top: 20px;
}

.hv3-about-counter {
  max-width: 430px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}

.hv3-about-counter .single-about-counter {
  background: var(--white-03);
  border: 1px solid var(--white-3);
  border-radius: 20px;
  padding: 20px 15px;
}

.hv3-about-counter .single-about-counter .nott2 {
  color: var(--icon-clr-2);
}

.hv3-about-counter .single-about-counter p {
  color: var(--txt-white);
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .hv3-about-area .anemiXY img {
    width: 50px;
  }

  .hv3-about-area .shape-01 {
    left: 2%;
  }

  .hv3-about-area .shape-05 {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .hv3-about-wrapper {
    flex-direction: column;
  }

  .hv3-about-counter {
    max-width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .hv3-about-area .shape-01 {
    top: 2%;
    left: 1%;
  }

  .hv3-about-area .shape-04 {
    display: none;
  }

  .hv3-martnft-about-content>span {
    font-size: 24px;
  }

  .hv3-martnft-about-content p {
    margin-top: 15px;
  }

  .hv3-about-wrapper {
    gap: 30px;
  }

  .hv3-about-counter {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }

  .hv3-about-counter .single-about-counter p {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .hv3-about-area .anemiXY {
    display: none;
  }

  .hv3-about-counter {
    grid-gap: 15px;
  }

  .hv3-about-counter .single-about-counter {
    border-radius: 10px;
  }

  .hv3-about-counter .single-about-counter p {
    font-size: 14px;
  }
}

.hv3-live-auction-area {
  position: relative;
}

.hv3-live-auction-area::before {
  position: absolute;
  content: "";
  width: 300px;
  height: 300px;
  top: -10%;
  right: 10%;
  z-index: -1;
  border-radius: 50%;
  background: var(--ellips);
  opacity: 1;
  filter: blur(640px);
}

.hv3-live-auction-area .shape {
  position: absolute;
  width: 20%;
}

.hv3-live-auction-area .shape svg {
  max-width: 100%;
  max-height: 100%;
}

.hv3-live-auction-area .shape-01 {
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .hv3-live-auction-area .shape {
    display: none;
  }
}

.hv3-creator-area {
  z-index: 0;
}

.hv3-creator-area::before {
  background: var(--hv3-creator-overlay);
  border-top: 1px solid var(--white-1);
  border-bottom: 1px solid var(--white-1);
  backdrop-filter: blur(280px);
}

.hv3-creator-area .shape {
  position: absolute;
  z-index: -1;
}

.hv3-creator-area .shape-01 {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5%;
}

.hv3-creator-area .shape-01 svg {
  max-width: 100%;
  max-height: 100%;
}

.hv3-creator-area .shape-01 svg path {
  fill: var(--bg-white);
}

.hv3-creator-title .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hv3-creator-title a {
  font-size: 18px;
  color: var(--txt-white);
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv3-creator-title a svg {
  font-size: 24px;
}

.hv3-creator-title a:hover {
  color: var(--icon-clr-2);
}

.hv3-creator-card {
  background-color: var(--white-03);
  border-radius: 10px;
}

.hv3-creator-card .content a span {
  color: var(--txt-white);
}

.hv3-creator-card .content p {
  color: var(--txt-white);
}

.hv3-creator-card .img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.hv3-creator-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
}

.hv3-creator-card .social {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  max-width: 170px;
  background: var(--white-01);
  box-shadow: 0px 50px 40px -10px var(--black-1);
  backdrop-filter: blur(40px);
  border-radius: 0px 0px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 15px 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
  visibility: hidden;
  clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}

.hv3-creator-card .social a {
  color: var(--txt-white);
  font-size: 17px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  margin: 0px 3px;
}

.hv3-creator-card .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.hv3-creator-card .button p {
  color: var(--txt-white);
}

.hv3-creator-card .button .btn-white-outline {
  font-size: 16px;
  padding: 12px 20px;
  border: none;
  background-color: var(--white-03);
  color: var(--txt-white);
}

.hv3-creator-card .button .btn-white-outline::before {
  background: var(--themev2-bg);
}

.hv3-creator-card:hover {
  background: var(--auctionv2-hbr-bg);
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0);
}

.hv3-creator-card:hover .img img {
  transform: scale(1.05);
}

.hv3-creator-card:hover .social {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  opacity: 1;
  visibility: visible;
}

.hv3-creator-card:hover .social a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hv3-creator-card:hover .social a:nth-child(1) {
  transition-duration: 0.3s;
}

.hv3-creator-card:hover .social a:nth-child(2) {
  transition-duration: 0.6s;
}

.hv3-creator-card:hover .social a:nth-child(3) {
  transition-duration: 0.9s;
}

.hv3-creator-card:hover .social a:nth-child(4) {
  transition-duration: 1.2s;
}

.hv3-creator-slider {
  padding-bottom: 58px;
}

.hv3-creator-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.hv3-creator-slider .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bg-white);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: relative;
  overflow: hidden;
}

.hv3-creator-slider .owl-dots .owl-dot::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--themev2-bg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.hv3-creator-slider .owl-dots .owl-dot.active::before {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .hv3-creator-slider {
    padding-bottom: 38px;
  }

  .hv3-creator-slider .owl-dots {
    gap: 12px;
  }

  .hv3-creator-card .social {
    padding: 10px 0px;
  }

  .hv3-creator-card .social a {
    font-size: 16px;
  }
}

@media screen and (max-width: 575px) {
  .hv3-creator-title .title {
    align-items: flex-end;
  }

  .hv3-creator-title .nott6 {
    flex: 1;
  }

  .hv3-creator-title a {
    font-size: 16px;
    width: 135px;
  }

  .hv3-creator-title a svg {
    font-size: 20px;
  }
}

.hv3-creat-sale-area {
  position: relative;
  z-index: 1;
}

.hv3-creat-sale-area>.shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 10%;
}

.hv3-creat-sale-area>.shape svg {
  max-width: 100%;
  max-height: 100%;
}

.hv3-crea-tsale-wrapper .hv2-single-creat-sale {
  background: var(--white-03);
}

.hv3-crea-tsale-wrapper .hv2-single-creat-sale .nott5,
.hv3-crea-tsale-wrapper .hv2-single-creat-sale p {
  color: var(--txt-white);
}

.hv3-testimonial-area .hv3-creator-title .title {
  flex-wrap: wrap;
}

.hv3-testimonial-wrapper {
  overflow: hidden;
}

.hv3-tmnl-slider-icon .icon {
  background: var(--white-03);
}

.hv3-tmnl-slider-icon .icon svg {
  color: var(--txt-white);
}

.hv3-tmnl-slider-icon .icon::before {
  background: var(--themev2-bg);
}

.hv3-app-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: 1205px;
  margin: 0 auto;
}

.hv3-app-thumb {
  max-width: 622px;
  width: 100%;
  position: relative;
  padding: 50px;
}

.hv3-app-thumb .app-shape {
  animation: rotate 20s linear infinite;
  width: 100%;
  height: 100%;
}

.hv3-app-thumb .app {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55%;
  height: 100%;
  object-fit: contain;
}

.hv3-app-content {
  max-width: 490px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.hv3-app-content .qr-code {
  margin-bottom: 50px;
}

.hv3-app-content .nott2 {
  color: var(--txt-white);
  font-weight: 600;
  line-height: 1.4;
}

.hv3-app-content p {
  color: var(--txt-white);
  margin-top: 15px;
}

.hv3-app-content .button {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

@media screen and (max-width: 1199px) {
  .hv3-app-content .qr-code {
    margin-bottom: 30px;
    max-width: 100px;
  }
}

@media screen and (max-width: 991px) {
  .hv3-app-wrapper {
    gap: 30px;
  }

  .hv3-app-content .qr-code {
    margin-bottom: 20px;
  }

  .hv3-app-content .nott2 {
    line-height: 1.3;
    font-size: 28px;
  }

  .hv3-app-content p {
    top: 10px;
  }

  .hv3-app-content .button {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .hv3-app-area .anemiXY {
    display: none;
  }

  .hv3-app-wrapper {
    flex-direction: column-reverse;
    gap: 40px;
  }
}

@media screen and (max-width: 575px) {
  .hv3-app-thumb {
    padding: 40px;
  }

  .hv3-app-content .qr-code {
    max-width: 80px;
  }

  .hv3-app-content .button {
    gap: 10px;
  }

  .hv3-app-content .button a {
    max-width: 120px;
  }

  .hv3-app-content .button a img {
    width: 100%;
    height: 100%;
  }
}

.hv4-banner-area {
  padding: 50px 0px;
  background-color: var(--catskill-white);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hv4-banner-area .shape {
  position: absolute;
  z-index: -1;
}

.hv4-banner-area .shape-01 {
  bottom: 0;
  left: 0;
  width: 30%;
}

.hv4-banner-area .shape-02 {
  bottom: 10%;
  left: 2%;
}

.hv4-banner-area .shape-02 img {
  animation: rotate 10s linear infinite;
}

.hv4-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hv4-banner-content,
.hv4-banner-gallery {
  max-width: 750px;
  width: 100%;
}

.hv4-banner-content {
  position: relative;
}

.hv4-banner-content .arrow-shape {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 20%;
}

.hv4-banner-content .welcome {
  color: var(--title-clr);
  font-weight: 500;
}

.hv4-banner-content .welcome span {
  background: var(--theme-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  text-fill-color: rgba(0, 0, 0, 0);
}

.hv4-banner-content .nott1 {
  max-width: 565px;
  font-size: 48px;
}

.hv4-banner-content .nott1 span {
  background: var(--title-clr);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  text-fill-color: rgba(0, 0, 0, 0);
}

.hv4-banner-counter {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.hv4-banner-counter .single-about-counter {
  background: var(--bg-white);
  box-shadow: 0px 1px 3px var(--black-1), 0px 1px 2px var(--black-06);
  padding: 30px 20px;
  border-radius: 20px;
}

.hv4-banner-counter .single-about-counter .nott2 {
  font-size: 36px;
}

.hv4-banner-counter .single-about-counter p {
  font-size: 18px;
  margin-top: 10px;
}

.hv4-banner-gallery .bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-top: 30px;
}

.hv4-single-banner-gallery {
  border-radius: 20px;
  box-shadow: 0px 1px 3px var(--black-1), 0px 1px 2px var(--black-06);
}

.hv4-single-banner-gallery .author img {
  width: 35px;
  height: 35px;
}

.hv4-single-banner-gallery .author span {
  font-size: 16px;
}

.hv4-single-banner-gallery .img {
  border-radius: 10px;
}

.hv4-single-banner-gallery .img img {
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.hv4-single-banner-gallery .img.video::before {
  background: linear-gradient(180deg, #19242b 0%, rgba(25, 36, 43, 0) 100%);
  border-radius: 10px;
}

.hv4-single-banner-gallery .img.video .popup-video svg {
  font-size: 18px;
}

.hv4-single-banner-gallery:hover .img img {
  transform: scale(1.2);
}

@media screen and (max-width: 1199px) {
  .hv4-banner-counter {
    margin-top: 40px;
    grid-gap: 20px;
  }

  .hv4-banner-counter .single-about-counter .nott2 {
    font-size: 30px;
  }

  .hv4-banner-gallery .bottom {
    grid-gap: 20px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .hv4-banner-area {
    padding: 70px 0px;
  }

  .hv4-banner-wrapper {
    flex-direction: column;
  }

  .hv4-banner-gallery .bottom {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hv4-banner-gallery .bottom {
    padding-bottom: 10px;
    overflow-y: auto;
  }

  .hv4-banner-gallery .bottom::-webkit-scrollbar {
    height: 8px;
  }

  .hv4-banner-gallery .bottom::-webkit-scrollbar-thumb {
    background: var(--theme-bg);
    border-radius: 20px;
  }

  .hv4-banner-gallery .bottom .hv4-single-banner-gallery {
    width: 315px;
  }
}

@media screen and (max-width: 575px) {
  .hv4-banner-area {
    padding-bottom: 50px;
  }

  .hv4-banner-area .shape-02 {
    display: none;
  }

  .hv4-banner-content .nott1 {
    font-size: 40px;
  }

  .hv4-banner-counter {
    grid-template-columns: 1fr 1fr;
  }

  .hv4-banner-counter .single-about-counter .nott2 {
    font-size: 24px;
  }

  .hv4-banner-counter .single-about-counter p {
    font-size: 16px;
  }
}

.hv4-section-title {
  margin-bottom: 50px;
}

.hv4-section-title .nott2 {
  font-weight: 700;
  line-height: 1;
}

.hv4-section-title p {
  margin-top: 10px;
}

.hv4-white-section-title .nott2,
.hv4-white-section-title p {
  color: var(--txt-white);
}

@media screen and (max-width: 767px) {
  .hv4-section-title {
    margin-bottom: 30px;
  }

  .hv4-section-title .nott2 {
    font-size: 30px;
  }
}

.hv4-live-auction-area {
  overflow: hidden;
}

.hv4-liveauction-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.hv4-creator-area::before {
  background: var(--midnight);
  mix-blend-mode: normal;
  opacity: 0.9;
}

.hv4-author-card .social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.hv4-author-card .social a {
  color: var(--title-clr);
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

.hv4-author-card .social a:hover {
  color: var(--icon-clr);
}

.hv4-creator-all a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--txt-white);
  font-size: 18px;
  font-weight: 500;
}

.hv4-creator-all a svg {
  font-size: 24px;
}

@media screen and (max-width: 575px) {

  .hv4-hot-collection-wrapper,
  .hv4-creator-wrapper {
    max-width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 420px) {

  .hv4-hot-collection-wrapper,
  .hv4-creator-wrapper {
    max-width: 100%;
    grid-template-columns: 1fr;
  }
}

.hv4-hot-collection-card {
  background-color: var(--catskill-white);
  transition: all 0.3s ease-in-out;
}

.hv4-hot-collection-card:hover {
  background-color: var(--bg-white);
  box-shadow: 0px 50px 30px -14px var(--menu-sdw);
}

.hv4-top-sale-wrapper .top-sale-v1-wrap::before {
  background: var(--white-3);
}

.hv4-top-sale-wrapper .top-sale-v1 .contnet span,
.hv4-top-sale-wrapper .top-sale-v1 .contnet a {
  color: var(--txt-white);
}

.gradient-home {
  background: linear-gradient(270deg, #6d19fc 0%, #7d1fa5 100%);
}

.gradient-home::-webkit-scrollbar {
  width: 6px;
  background: var(--bg-white);
}

.gradient-home::-webkit-scrollbar-thumb {
  background: var(--themev3-bg);
  border-radius: 50px;
}

.subscribeBody .main-header-v5 .header-area.sticky-header {
  z-index: unset;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

#subscribe-popup {
  opacity: 0;
  visibility: hidden;
}

#subscribe-popup.active {
  visibility: visible;
  opacity: 1;
}

.hv4-subscribe-wrapper {
  box-shadow: 0px 40px 70px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: calc(100% - 40px);
  max-width: 1140px;
}

.hv4-subscribe-wrapper .anemiXY {
  position: absolute;
  z-index: -1;
  width: 8%;
}

.hv4-subscribe-wrapper .shape-01 {
  top: 10%;
  left: 45%;
}

.hv4-subscribe-wrapper .shape-02 {
  bottom: 10%;
  left: 50%;
}

.hv4-subscribe-wrapper .shape-03 {
  bottom: 15%;
  left: 5%;
}

.hv4-subscribe-close {
  background: var(--title-bg);
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20px;
  right: -20px;
}

.hv4-subscribe-close svg {
  color: var(--txt-white);
  font-size: 30px;
}

.hv4-subscribe-popup {
  padding: 124px 90px;
  border: 1px dashed var(--title-clr);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.hv4-subscribe-popup .newsletter-content {
  margin: 0;
  text-align: left;
  width: 100%;
  max-width: 500px;
}

.hv4-subscribe-thumb {
  max-width: 300px;
  width: 100%;
}

.hv4-subscribe-thumb img,
.hv4-subscribe-thumb svg {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 1199px) {
  .hv4-subscribe-close {
    border-radius: 0px 5px 0px;
    top: 0;
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  .hv4-subscribe-popup {
    padding: 70px 40px;
  }
}

@media screen and (max-width: 767px) {
  .hv4-subscribe-popup {
    flex-direction: column;
  }

  .hv4-subscribe-thumb {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .hv4-subscribe-popup {
    padding: 30px 20px;
  }

  .hv4-subscribe-wrapper {
    padding: 10px;
  }
}

.hv5-banner-area {
  padding-top: 166px;
  position: relative;
  z-index: 1;
}

.hv5-banner-area .shape {
  position: absolute;
  z-index: -1;
  width: 40%;
}

.hv5-banner-area .shape-01 {
  top: 0;
  left: 0;
}

.hv5-banner-area .shape-02 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.hv5-banner-area .shape-04 {
  right: 0;
  top: 30%;
  width: 13%;
}

#particles-js {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.hv5-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding-top: 84px;
  position: relative;
}

.hv5-banner-content p,
.hv5-banner-content .welcome {
  color: var(--txt-white);
}

.hv5-banner-content .nott1 {
  color: var(--txt-white);
}

.hv5-banner-content .nott1 span {
  background: var(--txt-white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
}

@media screen and (max-width: 991px) {
  .hv5-banner-wrapper {
    padding-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .hv5-banner-wrapper {
    flex-direction: column;
  }

  .hv5-banner-area {
    padding-top: 150px;
  }

  .hv5-banner-area .shape-03 {
    display: none;
  }
}

.hv5-section-title .nott2,
.hv5-section-title p {
  color: var(--txt-white);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
}

.hv5-hot-collection-wrapper {
  position: relative;
}

.hv5-hot-collection-slider {
  margin: 0px -15px -30px;
}

.hv4-hot-collection-card-inner {
  padding: 0px 15px 30px;
}

.hv4-hot-collection-card {
  background: var(--white-1);
  border: 1px solid var(--white-3);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 15px;
}

.hv4-hot-collection-card:hover {
  background: var(--white-1);
  border-color: var(--white-3);
  box-shadow: 0px 20px 20px -10px var(--black-1);
}

.hv4-hot-collection-card ul {
  padding-top: 15px;
  position: relative;
}

.hv4-hot-collection-card ul::before {
  position: absolute;
  content: "";
  width: calc(100% + 30px);
  height: 1px;
  left: -15px;
  top: 0;
  background: var(--white-3);
}

.hv4-hot-collection-card ul li .cart .clickable-cart {
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0);
}

.hv4-hot-collection-card ul li .btn-body-outline {
  background: rgba(0, 0, 0, 0);
  padding: 0;
}

.hv4-hot-collection-card ul li .btn-body-outline::before {
  display: none;
}

.hv5-hotcollection-slider-icon {
  position: absolute;
  width: 112%;
  left: 50%;
  top: 50%;
  transform: translate(-51%, -50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hv5-hotcollection-slider-icon .icon {
  width: 40px;
  height: 40px;
  background: var(--white-1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--txt-white);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hv5-hotcollection-slider-icon .icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--themev3-bg);
  z-index: -1;
  transition: all 0.3s ease-in-out;
  clip-path: circle(0% at 0 0);
}

.hv5-hotcollection-slider-icon .icon svg {
  font-size: 24px;
}

.hv5-hotcollection-slider-icon .icon:hover::before {
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 1600px) {
  .hv5-hotcollection-slider-icon {
    position: absolute;
    width: 106%;
  }
}

@media screen and (max-width: 1500px) {
  .hv5-hotcollection-slider-icon {
    position: unset;
    width: 100%;
    transform: translate(0%, 0%);
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .hv5-hot-collection-slider {
    margin: 0px -10px -30px;
  }

  .hv4-hot-collection-card-inner {
    padding: 0px 10px 30px;
  }
}

@media screen and (max-width: 575px) {
  .hv5-hot-collection-slider {
    margin: 0px 0px -30px;
  }

  .hv4-hot-collection-card-inner {
    padding: 0px 0px 30px;
  }

  .hv5-hotcollection-slider-icon {
    margin-top: 40px;
  }
}

.hv5-creator-area::before {
  background: var(--white-05);
}

.author-v2-card {
  backdrop-filter: blur(20px);
  transition: all 0.3s ease-in-out;
}

.author-v2-card:hover {
  box-shadow: 0px 50px 40px -10px var(--black-1);
}

.hv5-auction-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hv5-auction-area .shape {
  position: absolute;
  z-index: -1;
}

.hv5-auction-area .shape-01 {
  top: 10%;
  left: 15%;
}

.hv5-auction-area .shape-02 {
  bottom: 10%;
  left: 5%;
}

.hv5-auction-area .shape-03 {
  right: 5%;
  top: 45%;
}

.hv5-auction-area .shape-04 {
  top: 0;
  left: 0;
}

.hv5-auction-area .shape-05 {
  right: 0;
  top: 0;
}

.hv5-auction-card {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-3);
  backdrop-filter: blur(20px);
}

.hv5-auction-card ul li a {
  font-size: 15px;
  font-weight: 500;
}

.hv5-auction-card ul li a::before {
  background: var(--themev3-bg);
}

.hv5-auction-card:hover {
  background: var(--cretors-item-bg);
  border: 1px solid var(--white-3);
  box-shadow: 0px 20px 30px -10px var(--black-1);
}

.hv5-auction-card:hover ul li a {
  border-color: rgba(0, 0, 0, 0);
}

.hv5-top-sale-area::before {
  background: linear-gradient(270deg,
      rgba(109, 25, 252, 0.85) 0%,
      rgba(125, 31, 165, 0.85) 100%);
}

.hv5-top-sale-wrapper .top-sale-v1-wrap::before {
  background: var(--white-3);
}

.hv5-top-sale-wrapper .top-sale-v1::before {
  background: var(--white-3);
}

.hv5-top-sale-wrapper .top-sale-v1 .contnet a {
  color: var(--txt-white);
  transition: all 0.3s ease-in-out;
  position: relative;
  display: inline-block;
}

.hv5-top-sale-wrapper .top-sale-v1 .contnet a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background-color: var(--bg-white);
  right: 0;
  bottom: 3px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.hv5-top-sale-wrapper .top-sale-v1 .contnet span {
  color: var(--border-clr);
}

.hv5-top-sale-wrapper .top-sale-v1:hover .contnet a::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 460px) {
  .hv5-top-sale-wrapper {
    border-right: 1px solid var(--white-3);
    border-left: 1px solid var(--white-3);
  }

  .hv5-top-sale-wrapper .top-sale-v1-wrap:nth-child(1) .top-sale-v1:first-child {
    border-top: 1px solid var(--white-3);
  }
}

.hv5-tmnl-wrapper .mdrn-tmnl-dscription {
  background-color: var(--white-03);
}

.hv5-tmnl-wrapper .mdrn-tmnl-dscription::before {
  background-image: url("https://stocksflare.com/assets/css/img/home-v5/tmnl-shape.png") !important;
  top: 100%;
}

.hv5-blog-area {
  overflow: hidden;
}

.hv5-blog-slider .owl-stage-outer {
  overflow: visible;
}

.hv6-banner-area {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.hv6-banner-area .shape {
  position: absolute;
  z-index: -1;
}

.hv6-banner-area .shape-01 {
  left: 35%;
  top: 10%;
}

.hv6-banner-area .shape-01 img {
  animation: rotate 10s linear infinite;
}

.hv6-banner-area .shape-02 {
  right: 42%;
  top: 20%;
}

.hv6-banner-area .shape-03 {
  bottom: 10%;
  left: 5%;
}

.hv6-banner-area .shape-03 img {
  animation: rotate 10s linear infinite;
}

.hv6-banner-area .shape-04 {
  right: 2%;
  top: 30%;
}

.hv6-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.hv6-banner-content {
  position: relative;
  max-width: 481px;
  width: 100%;
}

.hv6-banner-content .shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -48%);
  width: 170%;
  z-index: -1;
}

.hv6-banner-content .shape img {
  width: 100%;
  height: 100%;
}

.hv6-banner-content .welcome span {
  color: var(--themev4-clr);
}

.hv6-banner-content .nott1 span {
  color: var(--title-clr);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-clip: unset;
}

.hv6-banner-thumb {
  padding-bottom: 133px;
  position: relative;
}

.hv6-banner-thumb .thumb {
  max-width: 505px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.hv6-banner-thumb .thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--title-bg);
  opacity: 0.7;
}

.hv6-banner-thumb .thumb .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.hv6-banner-thumb .thumb .play-button svg {
  color: var(--themev4-clr);
  font-size: 24px;
}

.hv6-banner-slider {
  position: absolute;
  bottom: 0;
  right: 70%;
  z-index: 3;
  width: 630px;
}

.hv6-banner-single-slider {
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}

.hv6-banner-single-slider .img {
  max-width: 400px;
  width: 100%;
}

.hv6-banner-single-slider .img img {
  width: 100%;
  height: 100%;
}

.hv6-banner-single-slider .content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px;
  background-color: var(--themev4-bg);
  max-width: 400px;
  width: 100%;
  margin-right: -40%;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
  box-shadow: -20px 20px 30px rgba(0, 0, 0, 0.15);
}

.hv6-banner-single-slider .content .profile a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hv6-banner-single-slider .content .profile a img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.hv6-banner-single-slider .content .profile a span {
  flex: 1;
  font-weight: 500;
  color: var(--txt-white);
}

.hv6-banner-single-slider .content .profile p {
  font-weight: 500;
  color: var(--txt-white);
  line-height: 1;
  margin-top: 15px;
}

.hv6-banner-single-slider .content .button a {
  border: 1px solid var(--txt-white);
  border-radius: 0;
  font-size: 16px;
  padding: 12px 20px;
}

.hv6-banner-single-slider .content .button a:hover {
  color: var(--txt-white);
}

.hv6-banner-slider .owl-item .hv6-banner-single-slider .img,
.hv6-banner-slider .owl-item .hv6-banner-single-slider .content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.hv6-banner-slider .owl-item .hv6-banner-single-slider .img {
  transform: translateX(50px);
}

.hv6-banner-slider .owl-item .hv6-banner-single-slider .content {
  transform: translateY(50px);
}

.hv6-banner-slider .owl-item.active .hv6-banner-single-slider .img,
.hv6-banner-slider .owl-item.active .hv6-banner-single-slider .content {
  transition: all 1s ease-in-out;
  opacity: 1;
  visibility: visible;
}

.hv6-banner-slider .owl-item.active .hv6-banner-single-slider .img {
  transform: translateX(0px);
}

.hv6-banner-slider .owl-item.active .hv6-banner-single-slider .content {
  transform: translateY(0px);
}

@media screen and (max-width: 1400px) {
  .hv6-banner-content {
    margin-bottom: 300px;
  }
}

@media screen and (max-width: 1199px) {
  .hv6-banner-area>.shape {
    width: 5%;
  }

  .hv6-banner-area>.shape img {
    width: 100%;
    height: 100%;
  }

  .hv6-banner-content {
    margin-bottom: 0px;
  }

  .hv6-banner-content .shape {
    transform: translate(-60%, -48%);
    width: 130%;
  }

  .hv6-banner-slider {
    display: none !important;
  }

  .hv6-banner-thumb {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .hv6-banner-area {
    padding: 70px 0px 0px;
  }

  .hv6-banner-content {
    margin-bottom: 0px;
  }

  .hv6-banner-content .shape {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hv6-banner-area .shape-01 {
    left: 80%;
    top: 5%;
  }

  .hv6-banner-wrapper {
    flex-direction: column;
  }

  .hv6-banner-thumb,
  .hv6-banner-content {
    max-width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .hv6-banner-area {
    padding: 50px 0px 0px;
  }

  .hv6-banner-wrapper {
    gap: 30px;
  }
}

.hv6-creator-area {
  position: relative;
  z-index: 1;
}

.hv6-creator-area .shape {
  position: absolute;
  z-index: -1;
  width: 4%;
}

.hv6-creator-area .shape-01 {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.hv6-creator-area .shape-02 {
  top: 10%;
  right: 0;
}

.hv6-creaot-card {
  background-color: var(--dawn-pink);
  transition: all 0.3s ease-in-out;
}

.hv6-creaot-card .img {
  position: relative;
}

.hv6-creaot-card .img .social {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  padding: 3px 0px 11px 25px;
  display: flex;
  align-items: center;
  gap: 25px;
  transform: translateX(20px);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.hv6-creaot-card .img .social .shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

.hv6-creaot-card .img .social .shape svg {
  max-width: 100%;
  max-height: 100%;
}

.hv6-creaot-card .img .social .shape svg path {
  fill: var(--white-rock);
}

.hv6-creaot-card .img .social a {
  color: var(--title-clr);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
}

.hv6-creaot-card .img .social a:hover {
  color: var(--themev4-clr);
}

.hv6-creaot-card .content .author {
  position: relative;
}

.hv6-creaot-card .content .author::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--white-rock);
  clip-path: circle(0% at 50% 0);
  transition: all 0.3s ease-in-out;
}

.hv6-creaot-card:hover {
  background-color: var(--white-rock);
}

.hv6-creaot-card:hover .img .social {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.hv6-creaot-card:hover .content .author::before {
  clip-path: circle(70.7% at 50% 50%);
}

.hv6-live-auction-area {
  overflow: hidden;
}

.hv6-auction-single-slider .auction-card {
  background-color: var(--dawn-pink);
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}

.hv6-auction-single-slider .auction-card .img.video .popup-video svg {
  color: var(--themev4-clr);
}

.hv6-auction-single-slider .auction-card ul li span {
  color: var(--themev4-clr);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.hv6-auction-single-slider .auction-card:hover {
  background-color: var(--white-rock);
}

.hv6-auction-single-slider .auction-card:hover .nott6 {
  color: var(--themev4-clr);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.hv6-hotItem-area {
  position: relative;
  z-index: 1;
}

.hv6-hotItem-area .shape {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 2%;
}

.hv6-hotItem-wrapper .product-card {
  background-color: var(--dawn-pink);
}

.hv6-hotItem-wrapper .product-card .img .eth .shape svg path {
  fill: var(--dawn-pink);
}

.hv6-hotItem-wrapper .product-card .content .author {
  position: relative;
}

.hv6-hotItem-wrapper .product-card .content .author::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--themev4-bg);
  clip-path: circle(0% at 50% 0);
  transition: all 0.3s ease-in-out;
}

.hv6-hotItem-wrapper .product-card:hover {
  background-color: var(--white-rock);
}

.hv6-hotItem-wrapper .product-card:hover .img .eth p span {
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  color: var(--themev4-clr);
}

.hv6-hotItem-wrapper .product-card:hover .img .eth .shape svg path {
  fill: var(--white-rock);
}

.hv6-hotItem-wrapper .product-card:hover .content .author::before {
  clip-path: circle(70.7% at 50% 50%);
}

.hv6-hotItem-wrapper .product-card:hover .content .nott6 {
  color: var(--themev4-clr);
}

.hv6-hotItem-wrapper .product-card:hover .content ul li a {
  color: var(--themev4-clr);
  background: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.hv6-top-seller-area {
  position: relative;
  z-index: 1;
}

.hv6-top-seller-area .shape {
  position: absolute;
  z-index: -1;
  top: 5%;
  left: 2%;
  width: 5%;
}

.hv6-top-seller-area .top-sale-v1 .contnet a {
  transition: all 0.3s ease-in-out;
}

.hv6-top-seller-area .top-sale-v1:hover .contnet a {
  color: var(--themev4-clr);
}

.hv6-testimobial-area {
  position: relative;
  z-index: 1;
}

.hv6-testimobial-area .shape {
  position: absolute;
  z-index: -1;
  width: 3%;
}

.hv6-testimobial-area .shape-01 {
  top: 45%;
  left: 5%;
  animation: rotate 10s linear infinite;
}

.hv6-testimobial-area .shape-02 {
  right: 0%;
  top: 20%;
}

@media screen and (max-width: 575px) {
  .hv6-testimobial-area .shape {
    display: none;
  }
}

.hv6-blog-wrapper .sm-blog-card {
  transition: all 0.3s ease-in-out;
}

.hv6-blog-wrapper .sm-blog-card:hover {
  background-color: var(--white-rock);
}

.demo-body {
  background: #212431;
}

.demo-body .preloader-wrapper {
  background-image: url("https://stocksflare.com/assets/css/img/bg/dark-preloader-bg.jpg");
}

.demo-banner-area {
  padding: 100px 0px 320px;
  position: relative;
  z-index: 1;
}

.demo-banner-area .shape {
  position: absolute;
  z-index: -1;
}

.demo-banner-area .shape-01 {
  bottom: 0;
  left: 0%;
  width: 45%;
}

.demo-banner-area .shape-02 {
  bottom: 0;
  right: 2%;
  width: 32%;
}

.demo-banner-area .shape-03 {
  top: 2%;
  left: 10%;
}

.demo-banner-area .shape-03 img {
  animation: rotate 10s linear infinite;
}

.demo-banner-area .shape-04 {
  right: 20%;
  top: 20%;
}

.demo-banner-area .shape-04 img {
  animation: rotate 5s linear infinite;
}

.demo-banner-area .shape-05 {
  top: 0;
  right: 0;
}

.demo-banner-area .shape-06 {
  top: 50%;
  right: 30%;
}

.demo-banner-area .shape-06 img {
  animation: rotate 10s linear infinite;
}

.demo-banner-area .shape-07 {
  top: 80%;
  right: 45%;
}

.demo-banner-area .shape-07 img {
  animation: rotate 10s linear infinite;
}

.demo-banner-content {
  text-align: center;
}

.demo-banner-content .nott1 {
  font-size: 72px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 50px;
}

.demo-banner-content>p {
  font-size: 24px;
  font-weight: 400;
  max-width: 720px;
  margin: 25px auto 0px;
  color: var(--txt-white);
}

.demo-banner-content .pages {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-top: 50px;
}

.demo-banner-content .pages .line {
  display: block;
  width: 1px;
  background-color: var(--txt-white);
}

.demo-banner-content .counter-wrap {
  text-align: right;
}

.demo-banner-content .counter-wrap:last-child {
  text-align: left;
}

.demo-banner-content .counter-wrap .nott2 {
  color: var(--txt-white);
  font-size: 48px;
  line-height: 1;
  font-weight: 600;
}

.demo-banner-content .counter-wrap .nott2 sup {
  font-weight: 400;
  font-size: 30px;
  position: relative;
  top: -30px;
}

.demo-banner-content .counter-wrap p {
  color: var(--txt-white);
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}

.demo-banner-content .button {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.demo-banner-content .button .btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.demo-banner-content .button .btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  clip-path: circle(0% at 0 50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background-color: var(--txt-white);
}

.demo-banner-content .button .btn:hover {
  color: var(--icon-clr);
  border-color: rgba(0, 0, 0, 0);
}

.demo-banner-content .button .btn:hover::before {
  visibility: visible;
  opacity: 1;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 1199px) {
  .demo-banner-area {
    padding: 100px 0px 240px;
  }
}

@media screen and (max-width: 991px) {
  .demo-banner-area {
    padding: 70px 0px 150px;
  }

  .demo-banner-area .shape-06 {
    right: 22%;
    width: 5%;
  }

  .demo-banner-area .shape-07 {
    top: 85%;
    right: 43%;
    width: 5%;
  }

  .demo-banner-content .nott1 {
    font-size: 50px;
    margin-top: 40px;
  }

  .demo-banner-content p {
    font-size: 20px;
    max-width: 500px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .demo-banner-area {
    padding: 70px 0px;
  }

  .demo-banner-area .shape-01,
  .demo-banner-area .shape-02 {
    display: none;
  }

  .demo-banner-area .shape-05 {
    width: 20%;
  }

  .demo-banner-area .shape-04 {
    width: 3%;
    top: 10%;
  }

  .demo-banner-area .shape-03 {
    width: 5%;
  }

  .demo-banner-area .shape-06 {
    right: 20%;
  }

  .demo-banner-area .shape-07 {
    right: 80%;
  }

  .demo-banner-content .logo {
    width: 180px;
    display: block;
    margin: 0 auto;
  }

  .demo-banner-content .nott1 {
    font-size: 40px;
    margin-top: 20px;
  }

  .demo-banner-content p {
    font-size: 18px;
  }

  .demo-banner-content .counter-wrap .nott2 {
    font-size: 36px;
  }

  .demo-banner-content .counter-wrap .nott2 sup {
    font-size: 24px;
    top: -23px;
  }

  .demo-banner-content .counter-wrap p {
    margin-top: 5px;
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .demo-banner-area {
    padding: 50px 0px;
  }

  .demo-banner-content .logo {
    width: 150px;
  }

  .demo-banner-content .nott1 {
    font-size: 26px;
    margin-top: 15px;
  }

  .demo-banner-content p {
    font-size: 18px;
  }

  .demo-banner-content .counter-wrap .nott2 {
    font-size: 36px;
  }

  .demo-banner-content .counter-wrap .nott2 sup {
    font-size: 24px;
    top: -23px;
  }

  .demo-banner-content .counter-wrap p {
    margin-top: 5px;
    font-size: 18px;
  }
}

.demo-section-title {
  margin-bottom: 50px;
  text-align: center;
}

.demo-section-title .nott2 {
  font-size: 36px;
  line-height: 1.2;
  color: var(--txt-white);
  font-weight: 700;
}

.demo-section-title p {
  font-size: 20px;
  line-height: 1.2;
  margin-top: 10px;
  color: var(--txt-white);
}

@media screen and (max-width: 676px) {
  .demo-section-title {
    margin-bottom: 40px;
  }

  .demo-section-title .nott2 {
    font-size: 30px;
  }

  .demo-section-title p {
    font-size: 18px;
  }
}

@media screen and (max-width: 575px) {
  .demo-section-title {
    margin-bottom: 30px;
  }

  .demo-section-title .nott2 {
    font-size: 26px;
  }

  .demo-section-title p {
    font-size: 16px;
  }
}

.demo-home-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 50px 30px;
}

.single-demo-item .img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-demo-item .img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(18, 31, 45, 0.8);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

.single-demo-item .img img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}

.single-demo-item .img .shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  padding: 6px;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

.single-demo-item .img .shape svg {
  max-width: 100%;
  max-height: 100%;
  transform: rotate(45deg);
  transition: all 1s ease-in-out;
}

.single-demo-item>a {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: var(--txt-white);
  display: block;
  text-align: center;
  margin-top: 25px;
}

.single-demo-item:hover .img .shape,
.single-demo-item:hover .img::before {
  opacity: 1;
  visibility: visible;
}

.single-demo-item:hover .img .shape svg {
  transform: rotate(0deg);
}

@media screen and (max-width: 991px) {
  .demo-home-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px 20px;
  }
}

@media screen and (max-width: 767px) {
  .demo-home-area {
    padding-top: 20px;
  }

  .demo-home-wrapper {
    grid-gap: 30px 20px;
  }

  .single-demo-item .img .shape {
    padding: 4px;
    width: 50px;
    height: 50px;
  }

  .single-demo-item>a {
    font-size: 18px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .demo-home-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .single-demo-item .img .shape {
    padding: 3px;
    width: 40px;
    height: 40px;
  }

  .single-demo-item>a {
    font-size: 16px;
  }
}

.demo-inner-tab-navs {
  margin-bottom: 50px;
}

.demo-inner-tab-navs .nav-tabs {
  border-bottom: 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.demo-inner-tab-navs .nav-tabs .nav-link {
  font-size: 17px;
  font-weight: 500;
  color: var(--txt-white);
  border-radius: 0;
  padding: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  line-height: 1;
}

.demo-inner-tab-navs .nav-tabs .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  background: var(--theme-bg);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  opacity: 0;
}

.demo-inner-tab-navs .nav-tabs .nav-link.active,
.demo-inner-tab-navs .nav-tabs .nav-link:hover {
  border-color: rgba(0, 0, 0, 0);
  color: var(--txt-white);
  border-color: rgba(0, 0, 0, 0);
}

.demo-inner-tab-navs .nav-tabs .nav-link.active::before,
.demo-inner-tab-navs .nav-tabs .nav-link:hover::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .demo-inner-tab-navs {
    margin-bottom: 40px;
  }

  .demo-inner-tab-navs .nav-tabs .nav-link {
    font-size: 16px;
    padding: 12px;
  }
}

@media screen and (max-width: 575px) {
  .demo-inner-tab-navs .nav-tabs {
    grid-gap: 10px;
  }

  .demo-inner-tab-navs .nav-tabs .nav-link {
    font-size: 15px;
  }
}

.inner-section-area {
  background-color: #23283a;
}

.inner-section-slid {
  background-repeat: repeat;
  background-size: cover;
  height: 766px;
  background-position: 0px 0px;
  animation: move 30s linear infinite;
  -moz-animation: move 30s linear infinite;
  -webkit-animation: move 30s linear infinite;
  -ms-animation: move 30s linear infinite;
  -o-animation: move 30s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0px 0px;
  }

  100% {
    background-position: -3350px 0px;
  }
}

@-moz-keyframes move {
  0% {
    background-position: 0px 0px;
  }

  100% {
    background-position: -3350px 0px;
  }
}

@-webkit-keyframes move {
  0% {
    background-position: 0px 0px;
  }

  100% {
    background-position: -3350px 0px;
  }
}

@-ms-keyframes move {
  0% {
    background-position: 0px 0px;
  }

  100% {
    background-position: -3350px 0px;
  }
}

@-o-keyframes move {
  0% {
    background-position: 0px 0px;
  }

  100% {
    background-position: -3350px 0px;
  }
}

.demo-feature-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  max-width: 1730px;
  margin: 0 auto;
}

.single-demo-feature {
  background: #23283a;
  border-radius: 20px;
  padding: 20px;
}

.single-demo-feature .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: #32384e;
  border-radius: 5px;
  padding: 10px;
}

.single-demo-feature .nott4 {
  margin-top: 25px;
  font-weight: 600;
  line-height: 1;
  color: var(--txt-white);
}

.single-demo-feature p {
  margin-top: 10px;
  color: #c9cddd;
  font-size: 16px;
}

@media screen and (max-width: 1199px) {
  .demo-feature-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 991px) {
  .demo-feature-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .demo-feature-wrapper {
    grid-gap: 20px;
  }

  .single-demo-feature .img {
    width: 50px;
    height: 50px;
  }

  .single-demo-feature .nott4 {
    font-size: 18px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  .demo-feature-wrapper {
    grid-template-columns: 1fr;
  }
}

.demo-footer-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.demo-footer-area::before {
  background: rgba(25, 28, 39, 0.9);
}

.demo-footer-area .anemiXY {
  position: absolute;
  z-index: -1;
}

.demo-footer-area .shape-01 {
  top: 45%;
  left: 10%;
}

.demo-footer-area .shape-02 {
  top: 10%;
  right: 25%;
}

.demo-footer-area .shape-03 {
  bottom: 10%;
  right: 10%;
}

.demo-footer-content {
  text-align: center;
}

.demo-footer-content .nott2 {
  font-size: 36px;
  font-weight: 600;
  color: var(--txt-white);
  line-height: 1.2;
}

.demo-footer-content p {
  font-size: 24px;
  line-height: 1;
  color: var(--txt-white);
  margin-top: 10px;
}

.demo-footer-content a {
  margin-top: 50px;
}

.demo-footer-content .btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.demo-footer-content .btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  clip-path: circle(0% at 0 50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background-color: var(--txt-white);
}

.demo-footer-content .btn:hover {
  color: var(--icon-clr);
  border-color: var(--txt-white);
}

.demo-footer-content .btn:hover::before {
  visibility: visible;
  opacity: 1;
  clip-path: circle(70.7% at 50% 50%);
}

@media screen and (max-width: 767px) {
  .demo-footer-area .anemiXY {
    width: 5%;
  }

  .demo-footer-content .nott2 {
    font-size: 30px;
  }

  .demo-footer-content p {
    font-size: 18px;
  }

  .demo-footer-content a {
    margin-top: 30px;
  }
}

@media screen and (max-width: 575px) {
  .demo-footer-content .nott2 {
    font-size: 26px;
    max-width: 300px;
    margin: 0 auto;
  }

  .demo-footer-content p {
    margin-top: 15px;
  }
}

/*# sourceMappingURL=style.css.map */