:root {
      --white-shade-28: #B8B8B8;
      --font-tint-40: #858585;
      --white: #FFFFFF;

      --font: 'Arial', sans-serif;
      --padding-block: 1rem;
      --padding-inline: 1.5rem;

      --blob-blur-filter: blur(1.875rem);
      --blob-length: 43rem;
      --blob-blur-edge: 1.875rem;

      --spacing-20: 1.25rem;
      --spacing-15: 0.938rem;
      --spacing-12: 0.75rem;
      --spacing-3: 0.188rem;
      --input-inner-height: 1.406rem;

      --border-4: 0.25rem;
      --border-8: 0.5rem;

      --font-18: 1.125rem;
      --font-20: 1.25rem;

      --max-861: 53.813rem;
      --max-308: 19.25rem;
    }

header.site-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
}

.topbar-slider {
  background: #000 !important;
  padding: 0 !important;
}

.slider {
  width: 400px !important;  overflow: hidden !important;
  margin: 0 auto !important;
}

.custom-slider-wrapper {
  display: flex !important;
  transition: transform 0.5s ease-in-out !important;
}

.slider-item {
  flex: 0 0 100% !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

#block-13{
	width:100%;
}

.footer__copyright.caption{
	display:flex;
	align-items:center;
	gap:16px;
	margin:30px 0;
	font-size: 18px;
    justify-content: center;
}

.policies{
	display:flex;
	gap:15px;
}

.policies,.copyright__content{
	width:fit-content;
}

.footer__copyright.caption a:hover{
	color:white;
}

.product-loop-image-wrapper img,.product-images-container img{
	width:100%;
}

.woocommerce-currency-switcher-form .dd-option-text{
	color:black;
}

form.woocommerce-currency-switcher-form  a.dd-selected,form.woocommerce-currency-switcher-form  a.dd-option{
	padding:3px 10px;
}

.hero-section-image-box img{
	transition:all 0.6s ease !important;
}

.hero-section-image-box:hover img{
	transform:scale(1.05);
}

.footer-widget-col-2 .widget#block-15{
	background: white;
    border-radius: 6px;
    justify-self: end;
}

.privacy-policy-link:hover{
	color:white;
}

.heading-subs p{
	background:black;
	padding:10px;
	color:white;
	margin:0;
}

#menu-header-primary{
	display:flex;
	justify-content:center;
	align-items:center;
}
	
.top-info-bar {
  width: 100%;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 40px;
  gap: 20px;
  color: #fff;
}

/* Slider and arrows wrapper (centered block) */
.top-info-bar__slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  flex-shrink: 0;
  margin: 0 auto;
}

/* Swiper slider inside */
.top-info-bar__slider {
  flex: 1;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

.top-info-bar__message {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
	text-align:center;
	font-size:12px;
}

/* Arrows */
div.top-info-bar__arrow {
  color: white;
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
	position:static;
	margin-top:0 !important;
}

div.top-info-bar__arrow svg{
	width:12px !important;
}

div.top-info-bar__arrow::before,div.top-info-bar__arrow::after{
	font-size:12px;
}

.top-info-bar__arrow:hover {
  opacity: 0.7;
}

.top-bar-container{
	display:flex;
	width:100%;
	max-width:1140px;
	margin:0 auto;
}

/* Social Icons */
.top-info-bar__social {
  display: flex;
  gap: 20px;
  font-size: 16px;
  align-items: center;
  flex-shrink: 0;
}

.top-info-bar__social a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s;
}

.top-info-bar__social a:hover {
  opacity: 0.7;
}

button.button{
	background:black;
}

div.site-info ul > li + li{
	margin:0;
}

.site-info ul.policies{
	margin-left:70px;
}

.blog .site-main .post-loop ,.blog .site-main .type-post{
	max-width:360px;
}

.blog .site-main .type-post .post-cover-image{
	max-width:55%;
}

.single-post .site-main .type-post .post-cover-image{
	max-width:30%;	
}

.vf_hero-banner-image img{
	position:relative;
	z-index:10;
}

/* 
.vf_hero-banner-image{
	position:relative;
	overflow:hidden;
}

.vf_hero-banner-image::before,.vf_hero-banner-image::after{
	content:'';
	position:absolute;
	opacity: 0.8;
	background-size: 46px 46px;
	background-image: repeating-linear-gradient(0deg, #444cf7, #444cf7 2.3000000000000003px, #ffffff00 2.3000000000000003px, #ffffff00);	
	width: 100%;
    height: 100%;
}

.vf_hero-banner-image::after{
	transform: rotate(220deg);
    left: 0;
	background-image:repeating-linear-gradient(to right, #444cf7, #444cf7 2.3000000000000003px, #ffffff00 2.3000000000000003px, #ffffff00);
} */


.span-all-cols{
	grid-column:-1/1;
}

div.about-us-image-grid img{
	border-radius:12px;
}

.blob-container_wrapper{
	position: absolute !important;
    bottom: 50%;
    right: 50%;
    z-index: 5;
}

.hero-section_home{
	overflow:hidden !important;
}

   blob-container {
      position: relative;
      display: inline-block;
      width: fit-content;
      align-self: flex-end;
    }

/* Base blob styles */
blob-dot {
  display: block;
  position: absolute;
  width: var(--blob-length);
  height: var(--blob-length);
  border-radius: 50%;
  top: calc((var(--blob-length) / 2 - (var(--padding-block) * 2 + var(--font-18)) / 2) * -1);
  left: calc(50% - var(--blob-length) / 2);
  filter: var(--blob-blur-filter);
  z-index: -1;
}

/* Backgrounds for each blob */
blob-dot:nth-of-type(1) {
  background: conic-gradient(from 25deg,
      #90B6E699 0% 10%,
      transparent 10% 100%);
}

blob-dot:nth-of-type(2) {
  background: conic-gradient(from 25deg,
      transparent 0% 10%,
      #90B6E699 10% 30%,
      transparent 30% 100%);
}

blob-dot:nth-of-type(3) {
  background: conic-gradient(from 25deg,
      transparent 0% 30%,
      #90B6E699 30% 100%);
}

/* Glow blur effect */
blob-dot::before {
  content: '';
  position: absolute;
  top: calc(var(--blob-blur-edge) / 2 * -1);
  left: calc(var(--blob-blur-edge) / 2 * -1);
  width: calc(100% + var(--blob-blur-edge));
  height: calc(100% + var(--blob-blur-edge));
  border-radius: 50%;
  background: inherit;
  filter: blur(30px);
  z-index: -1;
}

/* Animations */
blob-dot:nth-of-type(1) {
  animation: morph1 24s infinite ease-in-out;
}

blob-dot:nth-of-type(2) {
  animation: morph2 25s infinite ease-in-out;
}

blob-dot:nth-of-type(3) {
  animation: morph3 26s infinite ease-in-out;
}

/* Keyframes */
@keyframes morph1 {
  0% {
    transform: scale(1) translate(0, 0) rotate(0deg);
    animation-timing-function: ease-in;
  }

  25% {
    transform: scale(1.1) translate(10px, -10px) rotate(15deg);
    animation-timing-function: linear;
  }

  50% {
    transform: scale(0.9) translate(-15px, 5px) rotate(-10deg);
    animation-timing-function: ease-out;
  }

  75% {
    transform: scale(1.2) translate(5px, 15px) rotate(20deg);
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0deg);
  }
}

@keyframes morph2 {
  0% {
    transform: scale(1) translate(0, 0) rotate(0deg);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }

  20% {
    transform: scale(1.05) translate(-5px, 10px) rotate(-5deg);
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: scale(0.95) translate(10px, -5px) rotate(10deg);
    animation-timing-function: linear;
  }

  60% {
    transform: scale(1.15) translate(-10px, 15px) rotate(-15deg);
    animation-timing-function: ease-out;
  }

  80% {
    transform: scale(0.9) translate(15px, -10px) rotate(5deg);
    animation-timing-function: ease-in;
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0deg);
  }
}

@keyframes morph3 {
  0% {
    transform: scale(1) translate(0, 0) rotate(0deg);
    animation-timing-function: ease-out;
  }

  30% {
    transform: scale(1.2) translate(20px, 0) rotate(30deg);
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }

  60% {
    transform: scale(0.8) translate(-20px, 20px) rotate(-20deg);
    animation-timing-function: linear;
  }

  90% {
    transform: scale(1.1) translate(10px, -20px) rotate(10deg);
    animation-timing-function: ease-in;
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0deg);
  }
}

.woocommerce-tabs .tabs.wc-tabs{
	padding: 10px;
    border: 2px solid;
    max-width: 65%;
    margin: 0 auto;
}

.woocommerce-tabs .tabs.wc-tabs li a{
	padding:10px;
}

.woocommerce-tabs .tabs.wc-tabs li.active a{
	background:black;
	color:white;
}

.variations_form select#size option,.variations_form select#size{
	text-transform:uppercase;
}

.variations_form select#pa_color option,.variations_form select#pa_color {
	text-transform:capitalize;
}

.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: Arial, sans-serif;
}

.error-page__container {
  text-align: left;
  width: 100%;
  padding: 20px;
}

.error-page__heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-page__code {
  font-size: 120px;
  font-weight: bold;
  color: #04172E;
  margin-right: 20px;
  line-height: normal;
}

.error-page__title {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #04172E;
}

.error-page__icon {
  margin-right: 8px;
  color: #000;
}

.error-page__subtext {
  margin-top: 10px;
  font-size: 16px;
  color: #212121;
}

.error-page__grid {
  margin: 60px auto 40px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  color: black;
}

.error-page__item {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 16px;
  width: 270px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.error-page__image {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

.error-page__label {
  margin-top: 12px;
  font-weight: bold;
}

body.error404 #content{
	max-width:100%;
}

.error-page__item img{
	transition:0.3s ease;
}

.error-page__item:hover img{
	transform:scale(1.05);
}

@media only screen and (max-width: 758px) {
	.top-bar-container{
		width:100%;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}
	.site-header-inner div.woostify-container{
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.policies{
		flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	}
	.footer__copyright.caption{
		flex-direction:column;
	}
	ul.policies li{
		line-height:1;
	}
	.error-page__heading{
		flex-direction:column;
	}
	.error-page__title,.error-page__subtext{
		justify-content:center;
	}
	.error-page__item{
		width:100%;
	}
	.error-page__image{
		height:auto;
	}
	
}