/* CSS Document */
* {
	box-sizing: border-box;
	word-wrap: break-word;
}

body,
html {
	height: auto;

}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Menlo';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	background-color: #fff;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

body.scroll {
	overflow: hidden;
}



.light-mode{
	--text-color: #fff;
	--bg-color:#F2F2F3;
	--text-black: #000;
	--blue-color:#081630;
	--button-color: #030504;
	--yellow-color:#FFE100;
	}
.dark-mode{
	--text-color: #000;
	--bg-color:#000;
	--text-black: #fff;
	--blue-color:#fff;

	--button-color: #fff;
	--yellow-color:#FFE100;
	}


body{
	background-color: var(--text-color);
}

main,
header,
section,
footer {
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

a:hover,
a:focus,
button:hover,
button:focus,
input:focus,
textarea:focus,
select:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a,
button,
select {
	background-color: transparent;
	border-color: transparent;
	text-decoration: none;
}

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

a
{
	transition: 0.3s ease-in-out;
}

img {
	max-width: 100%;
	display: block;
}

a {
	display: inline-block;
	transition: 0.3s ease-in-out;
}

p {
	margin: 0 0 10px;
}
body {
    overflow-x: hidden!important;
}
.clearfix {
	content: "";
	clear: both;
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-top: 0;
}

h1,
.h1 {
	font-size: 175px;
}

h2,
.h2 {
	font-size: 42px;
}

h3,
.h3 {
	font-size: 36px;
}

h4,
.h4 {
	font-size: 30px;
}

h5,
.h5 {
	font-size: 26px;
}

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

p {
	font-size: 16px;
	margin: 0;
}

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-Bold.eot');
	src: url('../fonts/Menlo-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Menlo-Bold.woff2') format('woff2'),
		url('../fonts/Menlo-Bold.woff') format('woff'),
		url('../fonts/Menlo-Bold.ttf') format('truetype'),
		url('../fonts/Menlo-Bold.svg#Menlo-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Menlo';
	src: url('../fonts/Menlo-Regular.eot');
	src: url('../fonts/Menlo-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Menlo-Regular.woff2') format('woff2'),
		url('../fonts/Menlo-Regular.woff') format('woff'),
		url('../fonts/Menlo-Regular.ttf') format('truetype'),
		url('../fonts/Menlo-Regular.svg#Menlo-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Bulevar';
	src: url('../fonts/Bulevar-Regular.eot');
	src: url('../fonts/Bulevar-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bulevar-Regular.woff2') format('woff2'),
		url('../fonts/Bulevar-Regular.woff') format('woff'),
		url('../fonts/Bulevar-Regular.ttf') format('truetype'),
		url('../fonts/Bulevar-Regular.svg#Bulevar-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'La Babaca';
    src: url('../fonts/La-Babaca.woff2') format('woff2'),
        url('../fonts/La-Babaca.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Code Variable';
    src: url('../fonts/SourceCodeVariable-Roman.woff2') format('woff2'),
        url('../fonts/SourceCodeVariable-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.button_common {
	font-size: 20px;
	color: var(--button-color);
	border: 1px solid #000;
	width: 55px;
	height: 46px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	cursor: pointer;

}

.container {
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: relative;


}

.design_right_box div {
    margin-bottom: 4px;
}

.design_right_box {
		position: absolute;
		left: 0;
		top: 42px;
	
}
.container-padding {
    padding-right: 80px;
    padding-left: 80px;
}
.text_age {
	padding: 52px 103px;
}
.arrows_text_one{
	padding: 90px 103px;
}
.banner {
	background-image: url(../images/bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    padding: 43px 0px 12px;
	
}
section.banner img {
    text-align: center;
    margin: auto;
	width: 100%;

}

.img_wrapper {
	max-width: 921px;
	margin: auto;
}

.img_wrapper {
	text-align: center;
}

.box__top-left {
	position: absolute;
	top: 0;
	left: 0px;

}

.box__top-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.box__bottom-left {
	position: absolute;
	left: 0;
	bottom: 0;
}

.box__bottom-right {
	position: absolute;
	right: 0;
	bottom: 0;

}
.line_display-single {
    display: flex;
    align-items: center;
}
/* .box__bottom-right {
  position: absolute;
  right: 35px;
  bottom: 38px;
} */
.img_wrapper {
	position: relative;
}
span.single_line_v4 {
    margin-left: 26px;
	-webkit-animation:spin 3s linear infinite;
		-moz-animation:spin 3s linear infinite;
		animation:spin 3s linear infinite;
}
.move-from-center .box__top-left img {
	animation: move-top-left 1s forwards;
}

.move-from-center .box__top-right img {
	animation: move-top-right 2s forwards;
}

.move-from-center .box__bottom-left img {
	animation: move-bottom-left 1s forwards;
}

.move-from-center .box__bottom-right img {
	animation: move-bottom-right 1s forwards;
}

@keyframes move-top-left {
	0% {
		top: 50%;
		left: 50%;
		transform: translate(0, 0);
		opacity: 0;
	}

	100% {
		top: 0;
		left: 0;
		transform: translate(-50%, -50%);
		opacity: 1;
	}
}

@keyframes move-top-right {
	0% {
		top: 50%;
		left: 50%;
		transform: translate(0, 0);

		opacity: 0;
	}

	100% {
		top: 0;
		right: 0;
		transform: translate(50%, -50%);
		opacity: 1;
	}
}

@keyframes move-bottom-left {
	0% {
		top: 50%;
		left: 50%;
		transform: translate(0, 0);

		opacity: 0;
	}

	100% {
		bottom: 0;
		left: 0;
		transform: translate(-50%, 50%);
		opacity: 1;
	}
}

@keyframes move-bottom-right {
	0% {
		top: 50%;
		left: 50%;
		transform: translate(0, 0);
		opacity: 0;
	}

	100% {
		transform: translate(50%, 50%);

		bottom: 0;
		right: 0;
		opacity: 1;
	}
}

#age {
	animation: reveal 0.6s ease-out 0.6s forwards;
	opacity: 0;
	
}

@keyframes reveal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


.form_wrapper label {
	font-size: 16px;
}

.signup_page {
	text-align: center;
	max-width: 566px;
	margin: auto;
}

.img_wrapper .signup_page p.provide {
	font-size: 15px;
	padding: 15px 35px;
	color: #000;
}

.checkbox_details {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
}

.form_wrapper input.form-control {
	background-color: transparent;
	border-bottom: 2px solid #3D3D3D !important;
	border: 0;
	color: #000;
	flex: 1;
	right: 0px;
	position: relative;
	padding-left: 22px;
	padding: 0 12px;
}

.form_wrapper .form-group {
	display: flex;
	text-align: initial;
	margin-bottom: 20px;
}

.form_wrapper .form-group label {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	min-width: 81px;
}

.signup_page h6 {
	padding: 10px 0;
}

.form_wrapper {
	padding: 20px 0;
}

.button_line.join_sign .button_common {
	padding: 12px 20px;
	border: 1px solid #000;
	border-radius: 30px;
	color: #000;
	font-size: 17px;
	width: 100%;
	max-width: 248px;
}

.button_line.join_sign .button_common.popup_toggle {
	padding: 6px 20px;
	font-size: 14px;
	height: auto;

}

.button_line.join_sign {
	flex-direction: column;
	margin-top: 27px;
}

.button_line {
	gap: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

.checkbox_details label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
}

.checkbox_details input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 9px;
	width: 3px;
	height: 14px;
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkbox_details label {
	display: flex;
	align-items: center;
	position: relative;
	display: flex;
	align-items: center;
	position: relative;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	gap: 20px;
}

.img_wrapper {
	width: 727px;
	margin: auto;
	max-width: 100%;
}

h6.text_age a {
	color: #000;
    transition: 0.10s cubic-bezier(0.4, 0, 1, 1);

}


.top-header ul a {
	font-size: 30px;
	font-family: 'Bulevar';
	color: var(--text-black);
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	transition: color .6s cubic-bezier(.19,1,.22,1);


}

.top-header {
	display: flex;
	

}

.top-header ul {
	display: flex;
}

.toggle_button {
	padding: 0 36px;
}

.right-header {
	display: flex;
	margin-left: auto;
	align-items: center;

}

.switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 26px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--text-black);
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: unset;
	right: 4px;
	bottom: 3px;
	background-color: var(--text-color);
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle_button {
    padding-right: 31px;
	padding-left: 0;

}

input:checked+.slider {
	background-color: var(--text-black);
}

/* input:focus+.slider {
	background-color: var(--text-black);
} */

input:checked+.slider:before {
	-webkit-transform: translateX(-23px);
	-ms-transform: translateX(-23px);
	transform: translateX(-23px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.top-header ul>li {
    margin-right: 49px;
}

.top-header ul>li {
	/* position: relative; */
	padding: 30px 0;
}

.icons line {
	color: var(--text-black);
	stroke: var(--text-black);
}
ul.sub-menu li:last-child {
    border-bottom: 2px solid var(--text-black);
}
.moving_banners h4 {
	letter-spacing: 2px;
	font-family: 'Bulevar';
	margin-left: 6px;
	position: relative;
    top: 3px;
	color: var(--button-color);
  /* transform: skew(29deg); */

}
.flavour_profile p {
	color: var(--text-black);
}

/* .moving_banners {
	border: 1px solid var(--text-black);
	max-width: 89%;
	margin-left: auto;
  position: relative;
  clip-path: polygon(4% 0, 100% 0%, 100% 100%, 0% 100%);

} */
.top-header ul li svg {
    fill: var(--text-black);
	cursor: pointer;

}
.navbar__fixed .top-header ul li svg {
	--tw-text-opacity: 1;
    fill:  rgb(255 255 255/var(--tw-text-opacity));
}
.frist-right-box {
    width: 22px;
    height: 34px;
    background-color: var(--text-black);
}
.second-right-box{
	width: 22px;
	height: 21px;
    background-color: var(--text-black);

}
.third-right-box{
	width: 22px;
	height: 21px;
    background-color: var(--text-black);

}
.first_box {
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(-30deg);
	background-color: var(--text-black);
	height: 46px;
	width: 25px;
}

.design_box {
	display: flex;
	gap: 11px;
	margin-right: 22px;
	align-items: center;


}

.tagline_wrapper {
	display: flex;
}
.first_box.visibility_hidden {
    visibility: hidden;
}

.moving_banners::before {
    border-right-color: #000;
    /* left: -35px; */
}

.moving_banners::before, .moving_banners::after {
    content: "";
    border: 3px solid var(--text-black);
    position: absolute;
    top: 0;
    right: -10px;
    width: calc(100% - 40px);
    height: 89%;
    border-left: 0;
}

.moving_banners::before {
	border-right: 0;
    left: -14px;
    right: 0;
    transform: skew(-30deg);
    border-color: var(--text-black);
    border-left: 3px var(--text-black) solid;
    width: 89px;
}
	.moving_banners {
		width: calc(100% - 170px);
		margin-left: auto;
	position: relative;
	border-left: 0;
	margin-left: 12px;

	}
	.product_description .container{
		padding-right: 30px;
		padding-left: 30px;
	}
.description_layout h5 {
    font-size: 25px;
}
.description_layout h5 {
    font-size: 25px;
    font-family: 'La Babaca';
	color: var(--text-black);
}
.hover_click_slider .item {
    position: relative;
    padding: 53px 17px 13px 3px;

}
.description_layout {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
   width: 100%;
    margin: auto;
    text-align: center;
	transition: .5s ease;
	opacity: 0;
	cursor: pointer;

}
.hover_click_slider  .slick-slide img{
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
    max-height: 143px;
	object-fit: cover;
	transition: .5s ease;
	backface-visibility: hidden;
  }
  .hover_click_slider .item:hover img{
	opacity: 0.5;
  }
  
  .hover_click_slider .item:hover .description_layout {
	opacity: 1;
  }
  .hover_click_slider {
	/* border: 3px solid var(--text-black); */
	border-left: 0;

}
.vertical-line-data{
	position: relative;
    border-top: 0;
    border-left: 0;
	border-right: 0;

}
.line_target_hover .hover_link{
	text-align: center;

}

.vertical-line-data:after {
	border: 3px solid var(--text-black);
    content: '';
    width: 100%;
	bottom: 0;
    position: absolute;
    top: 39px;
    border-left: 0;
	z-index: -1;

}
.hover_click_slider .item:hover .line_target_hover{
	display: block;
}
.line_target_hover {
    display: none;
}
.hover_click_slider .item:hover .line_target_hover img{
    opacity: 1;
    max-width: 155px;
    width: 100%;

}
.line_target_hover .hover_link{
    top: 13px;

}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 15%;
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 85%;
}
.slide_img .row {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;

}
.wrappers_constants {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* body {
	animation: fadeInAnimation ease 7s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
} */
.right_design {
    height: 100%;
    display: flex;
    align-items: flex-end;
	border: 3px solid var(--text-black);
    border-right: 0;
	position: relative;
	padding-bottom: 12px;
	border-top: 0;
    padding: 11px 0;
	background-color: var(--text-color);
    z-index: 9;



}
.dark-mode .hover_click_slider .item:hover .line_target_hover img,
.dark-mode .hover_link img{
	filter: invert(1);
}
.my-custom-dots {
		position: relative;
		border-bottom: 3px solid var(--text-black);
		width: 89%;
	}

  .wrappers_constants .slick-dots{
	position: unset;
	text-align: left;

  }
  .slides_wrapper {
    padding: 0 67px;
}

.slides_wrapper .my-custom-dots .slick-dots li {
    margin-right: 1.3vw;
    margin-left: 0;
	width: 16px;
	height: 16px;
}
.slides_wrapper .my-custom-dots .slick-dots li:last-child{
	margin-right: 0;
	display: none;

}
.right_design svg {
    padding-left: 17px;
	fill: var(--text-black);
	width: 11vw;
    height: 100%;
    position: relative;
    top: -2px;
}
.my-custom-dots .slick-dots li,
.circle-dots .slick-dots li,
.slider_desc_left .slick-dots li,
.clothing_detials .slick-dots li,
.circle-dots1 .slick-dots li {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border:2px solid var(--text-black);
    text-indent: -99999px;
    display: inline-block;
    -webkit-appearance: none;
    cursor: pointer;



}

.slider_desc_left .slick-dots li {
	margin: 0 7px;

}
.my-custom-dots .slick-dots li:nth-last-child(2){
margin-right: 0;

}
.my-custom-dots .slick-dots li.slick-active,
.circle-dots .slick-dots li.slick-active,
.slider_desc_left .slick-dots li.slick-active,
.clothing_detials .slick-dots li.slick-active,
.circle-dots1  .slick-dots li.slick-active   {
    background-color:var(--text-black);
}
.circle-dots .slick-dots li button{
 display:none;
}
.fade.Lightbox.show {
    visibility: visible;
}
	.mySlides img {
		width: 100%;
		/* height: 100%; */
		object-fit: cover;
	}
	.grid_data_line {
		display: flex;
		align-items: flex-end;
		width: 100%;
		text-align: right;
		align-items: center;
		justify-content: flex-end;
		max-width: 1215px;
		margin: auto;


	}
	/* .marquee {
		position: absolute;
		top: calc(100vh - 80px);
		left: 0;
		overflow: hidden;
		width: 100%;
	  } */
	  
	
	  
	  .marquee.fixed {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
	  }
	  
	  .track {
		display: flex;
	  }
	  
	  .marquee-text {
		flex-shrink: 0;
		font-size: 170px;
		color: var(--text-black);
		padding-right: 50px;
		font-family: 'La Babaca';
		letter-spacing: 6px;
		line-height: 1;
		display: flex;
		align-items: center;
		
	  }
	  span.marquee-text.two{
	  text-stroke: 4px var(--text-black);
       -webkit-text-stroke: 4px var(--text-black);
       color: var(--text-color);
	  }
	  .navigation_icons  .inner_menu.single_line_menu.text-change span{
		text-stroke: 3px var(--text-black);
		-webkit-text-stroke: 3px var(--text-black);
		/* color: var(--text-color)!important; */
		color: transparent;

		letter-spacing: 2px;
		cursor: pointer;
		white-space: nowrap;
    z-index: 999;
    position: relative;
	  }
    
	  #flavour_classes ul.sub-menu li:last-child {
		pointer-events: none;
	}
	  .marquee-text.two {
		opacity: 1;
	  }
	  .sizes ul li {
		width: 55px;
    height: 46px;
    background-color:var(--text-color);
    padding: 0;
    display: inline-block;
    border: 2px solid var(--text-black);
    border-radius: 100%;
    line-height: 53px;
    text-align: center;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	ul.sub-menu li:first-child {
		border-top: 2px solid var(--text-black);
	}
	.hover_link {
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		font-size: 12px;
	}
	.container-general .gallery-wrap .item:hover .hover_link{
		display: block;
	}
	.hover_link img {
		margin: auto;
		position: relative;
		top: -7px;
		max-width: 155px;

	}
	.hover_click_slider  .hover_link img{
		top: -11px;

	}
	.hover_link h3 {
		font-size: 16px;
		color: var(--text-black);
		font-size: 1vw;

	}
	.sizes_chart {
	    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 100px;

	}
	.sizes ul {
		gap: 7px;
		display: flex;

	}
	.sizes {
		margin-bottom: 20px;
	}
	.sizes ul li a {
		color: var(--text-black);
		font-size: 18px;
		font-family: 'Menlo';
		text-transform: uppercase;

	}
	.grid_data_line .column{
		margin-left: 8px;

	}
	.navbar__fixed  .top-header{
		z-index: 99999;
		--tw-text-opacity: 1;
		color: rgb(255 255 255/var(--tw-text-opacity));
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
	}

	/* .navbar__fixed .top-header  ul>li{
		padding: 20px 0;

	} */
	.design_header {
		position: sticky;
		left: 0;
		right: 0;
		z-index: 999;
		top: 0;
	}

	.navbar__fixed .design_header{
		mix-blend-mode: difference;

	}
	/* .blank_div_header {
		height: 101px;
	} */

	/* .slides_wrappers:nth-child(2):hover .flavour_details p {
     color: #3DBEE3;

	} */
      
	.container-general .gallery-wrap .item:nth-child(2) p,
	.container-general .gallery-wrap .item:nth-child(2) h4,
	.container-general .gallery-wrap .item:nth-child(2) svg path,
	.container-general .gallery-wrap .item:nth-child(2) svg line   {
		color: #3DBEE3;
		stroke: #3DBEE3;

	}
	.container-general .gallery-wrap .item:nth-child(3) p,
	.container-general .gallery-wrap .item:nth-child(3) h4,
	.container-general .gallery-wrap .item:nth-child(3) svg path,
	.container-general .gallery-wrap .item:nth-child(3) svg line   {
		color:  #6AB335;
		stroke: #6AB335;

	}
	.container-general .gallery-wrap .item:nth-child(4) p,
	.container-general .gallery-wrap .item:nth-child(4) h4,
	.container-general .gallery-wrap .item:nth-child(4) svg path,
	.container-general .gallery-wrap .item:nth-child(4) svg line  {
		
		color: #D60084;
		stroke: #D60084;
	}
	.navbar__fixed .top-header ul a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));

	}
	.navbar__fixed .top-header  .icons line{
		--tw-text-opacity: 1;
		stroke:  rgb(255 255 255/var(--tw-text-opacity));
	}

	.navbar__fixed .top-header  .slider{
		--tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-text-opacity));
	}
	.navbar__fixed  .top-header .slider:before{
	    --tw-text-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-text-opacity));
	}

	.demo.active {
		background-color:#fff
	}
	.slider-details {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.slider-details h2 {
		font-size: 70px;
		color:#fff;
		font-family: 'La Babaca';
		text-align: center;
		margin-bottom: 17px;
		letter-spacing: 1.2px;
		



	}
	.Readmore p{
		color: #fff;
	}
	.read_more_b {
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		margin-bottom: 53px;

	}
	.design_right_box.secondary {
		top: unset;
		bottom: 30px;
	}
	.secondary .second-right-box,
	.secondary .third-right-box{
	width: 22px;
    height: 15px;
	}
	.read_more_b p {
		padding-right: 30px;
	}
	.flavour_details {
		position: absolute;
    bottom: 0;
    top: 38%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 99999;
    width: 100%;
    -moz-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    transition: all 900ms ease;


	}
	.flavour_slide {
		/* overflow: hidden; */
		/* padding-bottom: 29px; */
	}
	.slides_wrappers:hover .flavour_details{
		opacity: 1;
	}

	.numbers_1 p {
		font-size: 18px;
		color: #FFE100;
	}

	.slides_wrappers:hover .numbers_1 {
		opacity: 1;
	}
	.numbers_1 {
		position: absolute;
		top: 20px;
		right: 22px;
		opacity: 0;
	}
	.flavor_slides-current {
		display: flex;
		margin: auto;
		align-items: center;
		justify-content: center;
	}
	
	
	.slides_wrappers {
		/* position: relative; */
		text-align: center;
		cursor: pointer;

	}
	#marquee-1 {
		overflow: hidden;
		padding: 45px 0 15px 0;
	}
		.maps_wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			max-width: 1645px;
			margin: auto;		
	}
	.images {
		position: relative;
	}
	.products_image {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: 12px;
	}

	footer {
		background-color: var(--text-color);
		padding: 92px 0;
	}
	.footer_input {
		background-color: var(--text-color);
		border: 2px solid var(--text-black);
		color: var(--text-black);
		height: 50px;
		max-width: 100%;
		padding: 0 25px;
		width: 100%;
		margin-bottom: 5px;
		border-radius: 0px;
		font-family: 'Menlo';

	}
	.footer_input::placeholder{
      color: var(--text-black);
	}
	.details h2 svg line {
		stroke:var(--text-black);
	}
	footer ul li a {
		color: var(--text-black);
		font-size: 13px;
		text-transform: uppercase;
		margin-bottom: 8px;
		letter-spacing: 3px;
		position: relative;
	}
	.customerservice h3, .vist-us h3 {
		color:  var(--text-black);
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-bottom: 3px;

	}
	.wrapper_footer {
		display: flex;
		gap: 214px;
	}
	.row.footer {
		display: flex;
		justify-content: space-between;
	}
	.copyright h2 {
		font-size: 13px;
		color:var(--text-black);
	}
	.input_details_wrapper {
		width: 42%;
	}
	button.footer_button {
		background-color: var(--text-color);
		max-width: 245px;
		height: 50px;
		width: 100%;
		font-size: 13px;
		color: var(--text-black);
		border: 2px solid var(--text-black);
		cursor: pointer;
		letter-spacing: 2px;
		font-family: 'Menlo';

	}
	.button_t {
		display: flex;
		gap: 5px;
	}
	.socail_icons {
		display: flex;
		align-items: center;
		justify-content: end;
		gap: 18px;
	}
	.responsive_footer {
		display: none;
	}
	.input_details_wrapper p {
		font-size: 13px;
		padding: 10px 0 15px 0;
		color: var(--text-black);
		padding-left: 65px;

	}
	
	.current_points_footer {
		padding-left: 65px;
	}
	svg#instagram {
		width: 35px;
		height: 35px;
	}
	.products_image :hover img, .rigt_blogs .img_group:hover img {
		-webkit-transform: scale(1.15, 1.15);
		transform: scale(1.15, 1.15);
		cursor: pointer;
	}
	.img_detail_s{
		overflow: hidden;
	}
	.maps {
		padding: 70px 0;
	}
	.details h2 {
		font-size: 159px;
		font-family: 'La Babaca';
		display: flex;
		line-height: 1;
		color: var(--text-black);
		padding-left: 20px;
		line-height: 1;


	} 

	.maps_wrapper p{
		color: var(--text-black);

	}

	.maps_wrapper svg {
		position: relative;
		top: -25px;
		right: 17px;
	}

	.maps_wrapper .images {
		position: relative;
		padding: 40px;
	}
	.flavour_profile {
		margin-bottom: 35px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.dots ul.items li.active{
		background-color: var(--text-black);

	}
	/* .flavor_slides-current {
		overflow: hidden;
	} */
	

    /* .flavor_slides-current .item:hover img {
        transform: scale(1.1); 
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 

		transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	    z-index: 9999;
		position: relative;
    } */

	.flavour_details h4 {
		color: var(--yellow-color);
		font-size: 50px;
		font-family: 'La Babaca';
		text-align: center;
		letter-spacing: 2px;
		position: absolute;
		width: 100%;
		display: flex;
		bottom: 12px;
        width: 100%;
        justify-content: center;

	}
	.flavour_details p {
		font-size: 20px;
		color: var(--yellow-color);
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	.flavour_details svg {
		position: relative;
		right: -15px;
		top: -8px;
	}
	span.letter2 {
		letter-spacing: 9px;
	}
	span.letter1 {
		letter-spacing: 20px;
		position: relative;
		right: -9px;
	}

	.navigation_icons {
		display: flex;
		flex-direction: column;
		position: fixed;
		width: 100%;
		z-index: 999999999;
		background-color: var(--text-color);
		right: 0;
		margin: auto;
		/* display: none; */
		top: 0;
		height: 0;
		overflow-y: auto;
		mix-blend-mode: unset;
		height: 100vh;
		/* left: 110%; */
        top: -110%;
		transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */

		transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */
			transform-origin: top right;




	}
	.navigation_icons.toggle {
		left: 0;
    top: 0;
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */


	}
	.icons path#Path_1761 {
		stroke: var(--button-color);
	}
	ul.sub-menu li a,
	.budte_data span {
		font-size: 200px;
		line-height: 0.9;
		font-family: 'La Babaca';
		width: 100%;
		color: var(--button-color);



	}
	.wrapper_inner_mini {
		display: flex;
		justify-content: space-between;
	}
	ul.sub-menu li {
		border-top: 1px solid var(--text-black);
		border-bottom: 1px solid var(--text-black);
		margin: 0;
		margin: 0 64px;


	}
	ul.sub-menu li:last-child {
		border-bottom: 2px solid var(--text-black);
	}
	.icons_v1_1 line,
	.icons_v1_1 path{
		stroke: var(--text-black);
	} 
	ul.sub-menu li .single_line_menu {
		display: flex;
		align-items: normal;
		justify-content: space-between;
		padding-left: 109px;
		font-family: 'La Babaca';
		margin: 0px 0 45px 0;
	}
	.inner_menu {
		display: flex;
		/* align-items: center; */
		justify-content: space-between;
	}
	.inner_menu .inner-common-button {
		font-size: 19px;
		border: 2px solid var(--button-color);
		padding: 9px 19px;
		border-radius: 30px;
		color: #D60084;
		-webkit-text-stroke: 0;
		text-stroke: 0px;
		width: auto;
		font-family: 'Menlo';


	}
	.button-inner {
		margin-top: 31px;
	}
	.budte_data {
		width: 60%;
	}
	.img_inner_tag {
		width: 40%;
		padding-top: 11px;

	}
	.sub-menu .icons {
		display: flex;
	}
	ul.sub-menu li .inner_menu.single_line_menu {
		display: none;
	
	}
	.sub_menu_wrapper.single_line_menu.inner_toggle-1 {
		display: none;
	}
	ul.sub-menu li .inner_menu.single_line_menu.inner_toggle {
		display: flex;
		opacity: 1;
		transform: translateY(0%);
		transition: all 900ms cubic-bezier(0.175, 0.885, 0.245, 1.150);
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.245, 1.150);


	}
	
	ul.sub-menu {
		flex-direction: column;
	}
	.icons_v1_1 {
		display: flex;
		align-items: center;
		margin: 27px 64px 90px 64px;
		padding-left: 109px;
		justify-content: space-between;

	}
	
	.icons_v1_1 svg {
		cursor: pointer;
		position: relative;
		top: 30px;
	}
	.icons_v1_1 h4 {
		color: var(--text-black);
		font-family: 'Bulevar';
		border-bottom: 3px solid var(--text-black);
		padding: 0 18px;
		text-transform: uppercase;

	}
	
	.fade {
		transition: opacity .15s linear;
	}
	.modal.show .modal-dialog {
		transform: none;
	}
	

	.hidden_scroll {
		overflow: hidden;
	}
	.img_detail_s img {
		overflow: hidden;
		transition: 0.3s ease-in-out;
		width: 100%;
	}

	.scroll-bottom {
		font-size: 16px;
		color: var(--text-black);
		position: absolute;
		bottom: 79px;
		left: -48px;
		display: flex;
		align-items: center;
		transform: rotate(270deg);
		text-transform: uppercase;
		cursor: pointer;
		letter-spacing: 1px;
		animation: arrow-animation 2.5s ease-in-out 0s infinite normal;
		z-index: 99;
		/* font-weight: 600; */

	}
	 @keyframes arrow-animation {
		0% {opacity: 0}
		50% {opacity: 1}
		100% {opacity: 0}
	  } 
	   
	.slide_img .container {
		position: relative;
	}
	.scroll-bottom svg {
		transform: rotate(91deg);
		position: relative;
		right: 6px;
		top: -1px;
		fill: var(--text-black);
		width: 11px;
	}
	.socail_icons li a  svg {
		fill: var(--button-color);
	}
	.dark-arrow {
		display: none;
	}
	.dark-mode .dark-arrow {
		display: block;
	}
	.dark-mode  .lite-mode {
		display: none;
	}
	.full-height{
		height: 100vh;
		display: flex;
	}
	.menu-icons {
		position: absolute;
		right: 29px;
		top: 19px;
	}
	.first-target .frist-right-box,
	.first-target .second-right-box,
	.first-target .third-right-box
	{
		background-color: #000;
	}
	.icons_rotate {
		display: flex;
		/* padding-left: 33px; */
		-webkit-animation:spin 3s linear infinite;
		-moz-animation:spin 3s linear infinite;
		animation:spin 3s linear infinite;
		position: relative;
		right: -25px;
		
	}
	.rotate1{
		-webkit-animation:spin1 3s linear infinite!important;
		-moz-animation:spin1 3s linear infinite!important;;
		animation:spin1 3s linear infinite!important;;
	}
	.icons_rotate  line{
     stroke: var(--text-black);
	}
	
	.icons:hover svg {
		transform: rotate(180deg);
		transition: transform 0.3s ease;
		cursor: pointer;
	  }
	  
	  .icons svg {
		transition: transform 0.3s ease;
	  }
	  
	  .icons:hover svg {
		transform: rotate(180deg);
	  }
	  
	  .icons svg {
		transform: rotate(0deg);
	  }
	  .top-header ul li.active a::before{
		content: '';
		position: absolute;
		display: block;
        position: absolute;
        bottom: -0.275em;
       left: 0;
       right: 0;
	   transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
	  transition: transform .75s cubic-bezier(.19,1,.22,1);
	  transition: transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1);
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	  -webkit-transform-origin: right;
	  transform-origin: right;
	  border-bottom: 3px solid var(--text-black);
		

	  }
	  .top-header ul li a::before{
		content: '';
		position: absolute;
		display: block;
        position: absolute;
        bottom: -0.275em;
       left: 0;
       right: 0;
	   transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
	  transition: transform .75s cubic-bezier(.19,1,.22,1);
	  transition: transform .75s cubic-bezier(.19,1,.22,1),-webkit-transform .75s cubic-bezier(.19,1,.22,1);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: right;
	  transform-origin: right;
	  border-bottom: 3px solid var(--text-black);
	  }
	  .top-header ul li a:hover:before {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	  .dots ul.items li {
		border: 0.2vw solid var(--text-black);
		margin-right: 6px;
		width: 1.1vw;
		height: 1.1vw;
		border-radius: 100%;
		margin-right: 0.8vw;

	}
	/* #header {
		height: 159px;
	} */
	.dots ul.items li:last-child{
		margin-right: 0px;
	}
	.dots ul.items {
		display: flex;
	}
	.addtocart_details {
		display: flex;
		margin-bottom: 12px;
		align-items: center;


	}
	.sub-menu .icons {
		display: flex;
		margin-left: auto;
		align-items: center;
		justify-content: flex-end;
		margin-top: 22px;
		margin-bottom: 15px;

	

	}
	.slider_details_u  .slick-disabled {
		display: none!important;
	}


	body.light-mode.over-hidden {
		overflow: hidden;
	}
	/* .loading-image {
		width: 100%;
	} */
	@-moz-keyframes spin { 
		0% { -moz-transform: rotate(0); } 
		100% { -moz-transform: rotate(360deg); } 
	}
	@-webkit-keyframes spin { 
		0% { 
			-webkit-transform: rotate(0); 
			transform:rotate(0); 
		} 
		100% { 
			-webkit-transform: rotate(360deg); 
			transform:rotate(360deg); 
		} 
	}
	@keyframes spin { 
		0% { 
			-webkit-transform: rotate(0); 
			transform:rotate(0); 
		} 
		100% { 
			-webkit-transform: rotate(360deg); 
			transform:rotate(360deg); 
		} 
	}

	/*  */

	@-moz-keyframes spin1 { 
		0% { -moz-transform: rotate(0); } 
		100% { -moz-transform: rotate(-360deg); } 
	}
	@-webkit-keyframes spin1 { 
		0% { 
			-webkit-transform: rotate(0); 
			transform:rotate(0); 
		} 
		100% { 
			-webkit-transform: rotate(-360deg); 
			transform:rotate(-360deg); 
		} 
	}
	@keyframes spin1 { 
		0% { 
			-webkit-transform: rotate(0); 
			transform:rotate(0); 
		} 
		100% { 
			-webkit-transform: rotate(-360deg); 
			transform:rotate(-360deg); 
		} 
	}
	
	#loading {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #fff;
		z-index: 99999;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	/* #loading-image {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		background-repeat: no-repeat;
		background-position: center;
		margin: -100px 0 0 -100px;
	} */
	.button_common:hover{
		background-color: #000;
		color: #fff;
	}
	.button_line.join_sign .button_common:hover{
		background-color: #000;
		color: #fff;
	}
	.menu-icons .icons line {
		color: #000;
		stroke: #000;
	}
	/* text-transform: uppercase;
	animation: waviy 1s infinite;
	animation-delay: calc(.1s * var(--i));
	
  } */
  .wazy-text.text_age span {
    font-size: 20px;
    color: #000;
}
  .wazy-text span {
	position: relative;
	display: inline-block;
	animation: waviy 3s;
	animation-delay: calc(.1s * var(--i));
	
  }
  @keyframes waviy {
	0%{
	 opacity: 0;
	}
	100% {
	 opacity: 1;
	}
  }

  /* .header_S {
    height: 185px;
    width: 100%;
    display: inline-block;
} */
/* .banner {
	animation: banner-appear 2s linear forwards;
  }
  
  @keyframes banner-appear {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  } */
  .myClass {
	opacity: 0;
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  }
 
  /* #header, */
  .flavour_slide,
  .follow,
  .slide_img,
  .marquee,
  .maps,
  footer{
	opacity: 0;
	animation: divs-appear 1s linear forwards;
	animation-delay: 1s;
  }
  
  @keyframes divs-appear {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  
  
  
.swiper-slide {
  text-align: center;
  background: var(--text-color);
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .container-general {
  padding: 75px 0;
  margin: 0 auto;
  width: 800px;
} */
/* .container-general {
    overflow: hidden;
} */
.container-general .gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60vh;
  gap: 11px;

}
.container-general .gallery-wrap .item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: all 0.8s ease;
  position: relative;
}
.container-general .gallery-wrap .item:hover {
  flex: 2;
}
section#banners{
overflow: hidden;
}

/* .wrap-effect-2 .item:hover {
  transform: translate3d(0, 0, 100px);
  filter: saturate(2) contrast(120%);
}
 */
 .scrollToTop {
    position: sticky;
    bottom: 50%;
    right: 15px;
}
.scrollToTop .scrroll {
    position: fixed;
    bottom: 158px;
    right: -28px;
    color: #D60084;
    font-size: 15px;
    transform: rotate(270deg);
    font-weight: 500;
    cursor: pointer;
	font-family: 'Menlo';
	z-index: 99;
	opacity: 0;
	display: none;


}
.navigation_icons.toggle .scrollToTop .scrroll{
	/* opacity: 1; */
	right: -28px;

}

.scrroll {
    display: flex;
}

span.scrollToTop img {
	width: 22px;
    height: 45px;
    cursor: pointer;
    transform: rotate(90deg);
    margin-right: auto;
    position: relative;
    top: -13px;
    right: -22px;
}

.inner_headerss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index: 999;

}
.inner_banner_img {
    padding: 0!important;
	position: relative;

	
}
  html.lenis {
	height: auto;
  } 
  
	.lenis.lenis-smooth {
		scroll-behavior: auto;
	}  
  
  .lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
	overflow: hidden;
  }
  
  .lenis.lenis-scrolling iframe {
	 pointer-events: none;
  }
  .flavour_details_desc h2 {
    font-size: 40px;
    color: var(--blue-color);
	line-height: 1;
	font-weight: 600;
	letter-spacing: 3px;



}
.flavour_details_desc h6 {
	color: var(--blue-color);
	font-weight: 600;

} 
.flavour_details_desc {
    display: flex;
    align-items: inherit;
    border-top: 2px solid var(--text-black);
    border-bottom: 2px solid var(--text-black);
    margin: 16px 0;
    padding: 21px 10px 28px 23px;
}
	.right_parts {
     width: 70%;
	 padding-right: 0px;

}
.left_desc {
    width: 30%;
}
.button_classification {
	border: 2px solid var(--text-black);
    padding: 16px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.button_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 12px;

}
.button_classification:hover{
	background-color: #D60084;
	border: 2px solid #D60084;
	color: var(--text-black);

}
.button_classification.yellow:hover {
    background-color:var(--yellow-color);
	border: 2px solid var(--yellow-color);
	color: var(--text-black);
}
.button_classification.blue:hover {
    background-color: #3DBEE3;
	border: 2px solid #3DBEE3;
	color: var(--text-black);
}
.button_classification.green:hover {
    background-color: #6AB335;
	border: 2px solid #6AB335;
	color: var(--text-black);
}

.button_classification:hover span{
	color: #fff;

}
.button_classification span{
	color: var(--text-black);
	line-height: 1;
	font-size: 1vw;



}
.flavour_details_desc .right_parts p{
	color: var(--text-black);


}
.jump_to_flavour .jump_details {
    padding: 15px 0 10px 0;
}
.product_details_desc h2 {
    font-size: 224px;
    color: var(--text-color);
	text-stroke: 4px #FFD300;
	-webkit-text-stroke: 4px #FFD300;
	text-transform: uppercase;
    font-family: 'La Babaca';
	letter-spacing: 11px;
    max-width: 36vw;
    /* line-height: 1; */
    line-height: 0.9;
	margin-top: 15px;


	
}


.product_slide_right {
    position: relative;
    right: -8vw;
    height: 94%;

}
.slick-slide .product_slide_right  img {
    height: 100%;
}
.sub_decription h5 {
    background-color: var(--text-black);
    color: var(--text-color);
    font-size: 20px;
    display: inline-block;
	padding: 5px 45px;

}
.firsrt_descption p{
	color: var(--text-black);
    padding: 11px 0 43px;

}
.desc-slide .item_wrapper {
	display: flex;
    justify-content: space-around;
	padding: 6px 0;
	position: relative;


}
.firsrt_descption.second_line p {
    padding-bottom: 15px;
}

.designs_tip_slide .slick-prev{

    left: 27px;
	
}

.designs_tip_slide  .slick-next {
    right: 27px;
	
}
.designs_tip_slide .slick-prev,
.designs_tip_slide  .slick-next {
	width: 40px;
    height: 40px;
	z-index: 9999;

}

element.style {
    display: block;
}
.circle-dots .slick-dots {
    position: unset;
	text-align: end;

}
.sub_decription {
    margin-top: 10px;
}
.desc-slide .item_wrapper .product_img {
    width: 55%;
}
.desc-slide .item_wrapper .product_details_desc{
	width: 45%;
	padding-right: 60px;

}
/* .slick-slide img{
	margin-left: auto;
	width: 100%;


} */
.inener_tabs {
    display: flex;
    gap: 140px;
}
.inener_tabs li a {
    font-size: 1.9vw;
    color:var(--text-black);
	text-transform: uppercase;
	padding: 1px 32px;


}
.inener_tabs li a:hover{
	color: #D60084;
}
/* .first_specific_table {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.first_specific_table h4 {
    font-size: 16px;
}
.first_specific_table .row_inner_t {
    /* border: 2px solid var(--text-black); */
    width: 100%;
    border-bottom: 0;
    border-right: 0;
	display: flex;

}
/* .products_content-desc {
    border-right: 2px solid var(--text-black);
    border-bottom: 2px solid var(--text-black);
} */
.colum {
    border: 2px solid var(--text-black);
    width: 100%;
    padding: 18px 19px;
	border-top: 0;
	white-space: nowrap;


}
.colum p {
color: var(--text-black);
}
.colum.last-column_1 {
	position: relative;
	border-bottom: 0;


}
.line_dots{
	position: absolute;
    left: -9px;
    width: 100%;
    background-image: linear-gradient(to right, transparent 45%, var(--text-black) 30%);
    background-size: 21px 100%;
    bottom: 0;
    height: 2px;

  }
.colum:not(:last-child){
border-right: 0;

}

.first-columns-v1 .colum {
    border-top: 2px solid var(--text-black);
	display: flex;
	flex-direction: column;
    justify-content: center;

}

.custom-select {
	position: relative;
	width: 215px;
	height: 57px;

  }
  
  .sub_decription .select-selected {
	background-color: var(--text-color);
    color: var(--text-black);
    padding: 10px 17px;
    border: none;
    cursor: pointer;
    border: 2px solid var(--text-black);
    border-radius: 30px;
    font-size: 24px;
	padding: 10px 19px 10px 27px;

  }
  
  .sub_decription .select-dropdown {
	position: absolute;
	display: none;
	background-color: var(--text-color);
	border: 2px solid var(--text-black);
	width: 100%;
    border-radius: 18px;
	max-height: 150px;
	overflow-y: auto;
	margin-top: 3px;
	padding: 4px 0px;


  }
  
.sub_decription .select-option {
    padding: 0px 19px 0px 27px;
    font-size: 19px;
	color: var(--text-black);
}
.sub_decription  .single  .select-selected{
	border-radius: 30px 30px 0px 0px;
    border-bottom: 0;


}
 .sub_decription .single .select-dropdown{
    border-radius: 0px 0px 30px 30px;
	border-top: 0;
	margin-top: -5px;


}

.sub_decription .select-option:hover{
color: #D60084;
cursor: pointer;

}
  .drop_down.designs h3 {
    font-size: 15px;
    font-weight: 600;
	margin-bottom: 9px;

}
.drop_icons {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 6px 0 15px 0;
	
}
.drop_down.designs .items_points {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: unset;
    width: auto!important;
    margin-left: unset!important;
    margin-right: auto;
	padding-left: 10px;
	cursor: pointer;


}
.slider_desc_left {
    width: 45%;
}
.product_details_desc{
	width: 54%;
    padding-right: 9%;

}
.specific_wrapper_desc {
    display: flex;
	margin-top: 70px;

}

.specific_wrapper_desc .item_wrapper {
	max-width: 299px;
    margin: auto;
    padding-top: 17px;
}
ul.inener_tabs li.active a {
    border: 2px solid var(--text-black);
    border-radius: 30px;
	color: #D60084;
}

.buy-now {
    background-color:var(--text-black);
    padding: 5px 36px;
    color: var(--text-color);
    font-size: 13px;
}
.button-try {
    text-align: center;
    padding: 66px 0 0;

}
.inener_tabs {
    padding: 20px 49px 27px 62px;
}
.slider_desc_left .slick-dots{
	z-index: 999;
    bottom: -50px;

}
.slider_desc_left .slick-next {
    right: calc(37% - 116px);
	width: 2vw;
    height: 2vw;
}
.slider_desc_left  .slick-prev {
    left: calc(20% - 20px);
	width: 2vw;
    height: 2vw;
	z-index: 999;
}

.dark-mode .slider_desc_left .slick-next,
.dark-mode .slider_desc_left  .slick-prev {
	filter: invert(1);

}
 /* .clothings {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30%; 

}  */

.clothings {
    display: flex;
	align-items: center;
	justify-content: space-between;
    flex-wrap: wrap;
  

}


.clothing_detials {
    width: 36%;
	margin-top: 36px;

}
.clothing_detials h4 {
	color: var(--text-black);
    line-height: 1;
    position: relative;
    top: 29px;
    z-index: 10;
    right: 33px;
    letter-spacing: 3px;
    font-weight: 500;
    font-size: 2.4vw;
}
.clothing_growes .sizes ul li{
	border: 2px solid var(--text-black);
	background-color: transparent;
	width: 35px;
    height: 30px;

}

.clothing_growes .sizes ul li a{
	font-size: 13px;
    line-height: 1;
    /* font-family: 'Source Code Variable'; */

}
.clothing_growes .slick-dots{
	width: auto;
	right: 10px;
	bottom: 0;

}
.clothing_detials .slick-prev,
.clothing_detials .slick-next{
    width: 25px;
    height: 25px;
}

.clothing_growes .slick-next {
    right: 10px;
}
.clothing_growes .slick-prev {
    left: 10px;
    z-index: 99;
}
.clothing_growes .sizes {
    margin-bottom: 12px;
}
.container.container-padding-xxl {
    padding-right: 12vw;
    padding-left: 12vw;
}
.button_type_align {
    position: relative;
    top: -28px;
    right: 35px;
}
.program_ {
    background-color: #ECEBEB;
    padding: 53px 62px 30px 62px;
}
.block_span{
display: block;
}
.cutated h3 {
    font-size: 1.4vw;
	line-height: 1;
	color: var(--text-black);

}
.cutated {
    position: relative;
	padding: 12px 0px;

}
.flower-products .box__bottom-right {
	position: absolute;
    right: 10px;
    bottom: 26px;
}
.hidden_img_over{
visibility: hidden;
}
.about-us{
    background-image: url(../images/about-us.jpg);
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    position: relative;
    padding: 197px 0 0 0;
    background-attachment: fixed;
	z-index: -1;
		
}
.about_us p {
    color: var(--text-black);
    font-size: 1.5vw;
	margin-bottom: 15px;

}
.icons.cross_segemnt {
    text-align: end;
    position: absolute;
    right: 0px;
    top: -35px;
}
.container.flow_current_wall {
    position: absolute;
    bottom: 0;
}
.about_us h3 {
    font-size: 11.5vw;
    color: transparent;
    text-align: center;
    font-family: 'La Babaca';
	text-stroke: 2px var(--text-black);
	-webkit-text-stroke: 2px var(--text-black);
}
footer.about-us-footer {
    background-color: transparent;
}
.about-us .design img {
    width: auto;
    margin: unset;
}
.about-us-footer input.footer_input {
    background-color: transparent;
}
.about-us-footer  button.footer_button{
	background-color: transparent;

}
.about-us h6.text_age a {
    color: var(--text-black);
    transition: 0.10s; 
	font-size: 1.5vw;

}
.about-us  .img_wrapper{
	margin-top: 80px;

}
.about_us {
    padding: 0px 40px;
    text-align: center;
}
.vertical-line-data:before {
	content: '';
    position: absolute;
    height: 48px;
    background-color: var(--text-black);
    left: -23px;
    top: 39px;
    transform: skew(-38deg);
    border-color: var(--text-black);
    /* border-left: 3px var(--text-black) solid; */
	border-bottom: 9px solid var(--text-color);
    border-left: 4px solid transparent;
}
.text-points h3 {
    font-size: 20.1vw;
    line-height: 0.9;
    font-family: 'La Babaca';
	text-transform: uppercase;
	text-stroke:4px #fff;
	-webkit-text-stroke:4px #fff;
	color:transparent;
	letter-spacing: 14px;
	white-space: nowrap;


}
.text-points.products-goods h3 {
    font-size: 20.2vw;
}

.wrapper_initial_slides {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    margin: auto 5vw;
	bottom: 0;

}



.text-points {
    width: 35%;
    padding-top: 33px;
	z-index: 99;


}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
	.text-points{
		padding-top: 55px;
    } 
    /* Safari 5+ ONLY */
    ::i-block-chrome, .text-points { padding-top: 55px; } 
}

.slider_details_u{
width: 65%;
}
.slider_details_u .slick-next {
    right: -14px;
    margin: unset;
    width: auto;
	filter: invert(1);
    height: 2vw;

}
.slider_details_u .slick-prev {
    left: -14px;
	margin: unset;
    width: auto;
	z-index: 99;
    height: 2vw;
	filter: invert(1);


}
.circle-dots1 .slick-dots {
    position: unset;
    text-align: end;
}
/* .slider_details_u{
	display: none;

} */
.white-arrow {
    position: absolute;
    right: 10%;
    top: 50%;
	cursor: pointer;
	z-index: 99;
	animation: swing 2s infinite;


}
.slider_details_u {
    width: 65%;
    transform: translatex(120%);
	-moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
}
.slider_details_u.intro{
	transform: unset;
	-moz-transition: 0.9s ease-in-out;
    -o-transition: 0.9s ease-in-out;
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;


}
/* .slider_details_u .slider {
	padding: 20px; 
  }
   */
  .slider_details_u  .slick-slide {
	margin: 0 5px; 
  }
  .call-action .button_common {
    width: auto;
    border-radius: 30px;
    display: unset;
    padding: 12px 30px;
}
.action-call {
    border: 1px solid  var(--text-black);
    padding: 0.6vw 3vw;
    border-radius: 30px;
    color: var(--text-black);
	font-size: 1vw;

}
.call-action {
    width: 100%;
    text-align: end;
    /* margin-top: 6.4vw; */
}
.call-action.dessert_txt {
    margin-top: 5.7vw;
}
.summary_slide h2 {
    font-size: 1.4vw;
	margin-bottom: 6px;
	color: var(--text-black);
	font-weight: 600;
	letter-spacing: 2px;


}
.sammary_lite h2 {
	font-size: 1.4vw;
    color: var(--text-black);
    font-weight: 600;
	letter-spacing: 2px;


}
.sammary_lite p{
	font-size: 1.1vw;
	color: var(--text-black);

}
.summary_one_wrapper {
    display: flex;
    justify-content: space-between;
	gap: 42px;
    padding: 0px 27px 0px 27px;


}
.sammary_lite {
    width: 40%;
}
.summary_image_lite{
	width: 60%;

}
.related-products {
    border-top: 2px solid var(--text-black);
    border-bottom: 2px solid var(--text-black);
    padding: 18px 0;
	margin-top: 100px;

}
.summary_one_wrapper  .slick-slide {
	margin: 0 10px;
}

.summary_one_wrapper .slick-list {
	margin: 0 -10px;
}
.white-arrow img {
    width: 2.5vw;
    height: 2.5vw;
}
.circle-dots1 {
    margin-bottom: 10px;
}
.black_arrow img {
    filter: invert(1);
}
.blogs .row{
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;

 
}

.first_location {
    width: 63%;
}
.second_location {
    width: 37%;
}
.locator.top_location h3 {
    margin-bottom: 8px;
	color: var(--text-black);
	font-size: 1.5vw;


}
h3.border_line_b{
    border-bottom: 2px solid var(--text-black);

}
.blogs.locator.top_location {
    margin-top: 3vw;
}
.locator_address_right p, .locator_address_left p {
	color: var(--text-black);
	font-size: 1.1vw;
}
.locator_address_right p {
    width: 73%;
    margin-bottom: 62px;
    width: 81%;
}
.space_locator {
    display: flex;
}
.space_locator .button_common {
    padding: 10px 20px;
    border: 2px solid var(--text-black);
    border-radius: 0px;
    color: var(--text-color);
    font-size: 17px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 24px;
    width: auto;
    background-color:var(--text-black);
    max-width: 300px;
	margin-left: initial;
	margin-top: 17px;


}
.space_locator .button_common:hover{
	background-color: transparent;
	color:var(--text-black);
}
.col-8.commonColumn__box {
    flex: 0 0 62.666667%;
    max-width: 62.666667%;
 
}
.col-4.commonColumn__box{
	flex: 0 0 33.333333%;
    max-width: 33.333333%;

}
.store-street_content.address1 {
    margin-bottom: 25px;
}
.store-street_content {
    margin: 35px 0;
	position: relative;

}
.locator_address_left .store-street_content {
    padding-left: 17px;
    position: relative;
    margin-top: 31px;
    cursor: pointer;
}
.lism_img img {
    width: 100%;
}
.line_w {
    margin-bottom: 0px;
}
.store-street_content.active:before {
    content: '';
    position: absolute;
    height: 61px;
    width: 2px;
    left: 0;
    top: 10px;
    background-color:var(--text-black);
    top: 4px;
}
.first_location h3,
.second_location h3{
    border-bottom: 2px solid var(--text-black);
}

.inner-video{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-wrapper{
	display: flex;
	position: relative;
	width: 100%;
    height: 100vh;
}
.video-wrapper #grow {
    position: relative;
    z-index: 999;
    width: 100%;
	overflow:hidden;
	z-index: 99;
	clip-path:polygon(30% 30%, 70% 30%, 70% 70%, 30% 70%);
}
.track-line-1 .marquee-text{
color: #D60084;
margin-top: 6px;

}
.track-line-1 span.marquee-text.two{
	text-stroke: 4px #D60084;
    -webkit-text-stroke: 4px #D60084; 
    color: transparent;
}
.line_wrappers_find-us {
    display: flex;
    gap: 70px;

}
.line_wrappers_find-us h3 {
    font-size: 1.2vw;
    color: #D60084;
	white-space: nowrap;

}
.arrow_right {
    max-width: 22vw;
    width: 100%;
}
.marquee.details_marquee {
    position: absolute;
    top: 40%;
    z-index: 99;
	overflow: hidden;
    width: 100%;
}
.find_us {
	width: 5.7vw;
    height: 5.7vw;

    background-color:var(--text-black);
    border-radius: 100%;
    line-height: 86px;
    text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.find_us a{
	font-size: 1vw;
    color: var(--text-color);
    line-height: 6.4vw;

}
.click_find-us {
    display: flex;
    align-items: center;
    justify-content: space-between;
	position: absolute;
    bottom: 55px;
    z-index: 999;
    left: 0;
    right: 0;
	max-width: 79vw;
    margin: auto;
}
.description h5 {
    font-size: 34px;
    color: #fff;
}
.athletics-img {
    position: relative;
}
.description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.follow-track-video {
    position: relative;
}
.find_us:hover {
    background-color: #D60084;
    color: #fff;
}
.seeking_data p {
    font-size: 2.1vw;
    color: var(--text-black);
    text-align: center;
}
.details_seeking .seeking_data {
	padding: 95px 0;
    margin: 24px 0;
}
.seeking_data {
    padding: 42px 0;
}
.shop_now p {
    font-size: 2.4vw;
    color: var(--text-color);
	font-family: 'Bulevar';

}
.shop_now {
    display: flex;
	background-color: var(--text-black);
	justify-content: space-between;
	align-items: center;
	padding: 0 28px;
	margin-bottom: 48px;




}

.shop_place {
    display: flex;
	gap: 6px;

}
.blinking_arrow {
    animation: swing 2s infinite;
}
.blinking_arrow.last{
	animation: swing1 2s infinite;

}
.blinking_arrow  line,
.blinking_arrow path {
    stroke: var(--text-color);
}
.arrow_right{
    animation: swing 2s infinite;


}

.follow-video .icons {
    text-align: end;
    position: relative;
    top: 44px;
	right: -15px;

}
.left-data_vq{
    padding-left: 363px;

}
.slow-slider_product-img .slick-slide img {
    display: block;
    padding: 0 6px;
}
.flavor_slides-current .hover_link {
    top: -30px;
	display: none;
}

.text-points.scroll_line_digits {
    width: 100%;
}
	.call-action.stay-bottom_content {
		position: absolute;
		bottom: 33px;
		right: 4vw;
	}
	.learn-more_r h3 {
		font-size: 0.7vw;
		border: 1.6px solid var(--text-black);
		width: 7vw;
		height: 7vw;
		border-radius: 100%;
		text-align: center;
		line-height: 7vw;
		color: var(--text-black);
		display: flex;
		align-items: center;
		justify-content: center;

	}
	.learn-more_r h3:hover{
		background-color: #D60084;
		border: 1px solid #D60084;
		color: #fff;
	}
	.learn-more_r.yellow h3:hover{
		background-color: #FFD300;
		border: 1px solid #FFD300;
		color: #fff;

	}
	.learn-more_r.blue h3:hover{
		background-color: #3DBEE3;
		border: 1px solid #3DBEE3;
		color: #fff;

	}
	.learn-more_r.green h3:hover{
		background-color: #6AB335;
		border: 1px solid #6AB335;
		color: #fff;

	}
	.learn-more_r.magenta h3:hover{
		background-color: #D60084;
		border: 1px solid #D60084;
		color: #fff;

	}
	.slides_wrapper .slick-prev,
	 .slides_wrapper .slick-next{
		display: none!important;
	 }
	
	.learn-more_r {
		position: absolute;
		left: 127px;
		top: 5px;
		z-index: 999;
	}

	.designs_tip_slide .circle-dots {
		position: absolute;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		right: 0;
		z-index: 999;
		padding-right: 121px;


	}
	.circle-dots .slick-dots li {
		width: 0.8vw;
		height: 0.8vw;
		border: 0.2vw solid var(--text-black);
	}
	.product_details_desc h2.blue{
		text-stroke: 4px #3DBEE3;
		-webkit-text-stroke: 4px #3DBEE3;
	}
	.product_details_desc h2.green {
		text-stroke: 4px #6AB335;
		-webkit-text-stroke: 4px #6AB335;
	}
	.product_details_desc h2.magenta {
		text-stroke: 4px #D60084;
		-webkit-text-stroke: 4px #D60084;
		
	}
	.designs_tip_slide.image {
		position: relative;
	}
	.circle-dots1 .slick-dots li{
		width: 12px;
		height: 12px;
		border: 2px solid var(--text-black);
		margin-left: 8px;

	}

	.clothing_growes {
		padding: 22px 0;
	}
	.clothing_detials .slick-dots li{
		border: 2px solid var(--text-black);

	}
	.arrrow button {
		position: relative;
		color: #fff;
		z-index: 9999;
		font-size: 25px;
	}
	button.pp2.slick-arrow{
		position: absolute;
		top: 50%;
		left: -21px;
		    z-index: 99999;


	}
	button.nn2.slick-arrow{
		position: absolute;
		top: 50%;
		right: 0;
	}
	.mobile {
		display: none;
	}
	.inner_wrapper_banner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: -1;

	}
	.design_header.inner-header-sticky {
		position: fixed;
	}
	.inner-header-tagline {
		margin-top: 100px;
	}
	.container_header {
		padding-right: 26px;
	}
	.product-pics .container{
		padding-right: 30px;
		padding-left: 30px;
	}
	.inner_wrapper_banner .scroll-bottom{

		bottom: 135px;

	}
	.grow {
		transform: scale(0.8);
	}
	.wrapper_initial_slides.flavor_io {
		top: 24%;
	}
	footer .container {

		padding-right: 30px;
		padding-left: 30px;
	}
	.product_cross .img_cross_oi {
		width: 17px;
		height: 17px;
		margin: inherit;
		position: relative;
		z-index: 999;
		cursor: pointer;
	}
	.product_cross {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.text-center-single {
		text-align: center;
	}
	.scrroll.show{
		opacity: 1;
		display: flex;
	}
	.inner-header-sticky  .slider{
		background-color: var(--text-color)
	}
	/* .inner-header-sticky  input:focus+.slider {
		background-color: var(--text-color)
	} */
	.inner-header-sticky  input:checked+.slider {
		background-color: var(--text-black)
	}

	.inner-header-sticky  .slider:before{
		background-color:var(--text-black)
	}
	.inner-header-sticky  input:checked+.slider:before{
		background-color: var(--text-color)

	}
	.img_design_v1 .text_age {
		padding: 154px 103px;
	}
	.flow_curent_about  .scroll-bottom {
		bottom: -145px;
	}
	.flow_curent_about  .design_right_box.secondary {
		top: 168px;
	}
	.mobile-show{
		display: none;
	   }
	   section.slow-slider_product-img {
		overflow: hidden;
	}
	.auto-relative-video {
		position: relative;
		height: 100vh;
		min-height: 942px;

	}
	.auto-relative-video video {
		height: 100%;
		width: 100%;
		object-fit: cover;
		display: block;
	}
	.lenis.lenis-stopped {
		overflow: hidden;
	  }

	  .my-custom-dots .slick-dots li{
		border: 3px solid var(--text-black);

	  }
	  .learn-more_r.blue,
	  .learn-more_r.magenta {
		right: 21px;
		left: auto;
		top: 29px;
	}

	

   .dark-mode  .design img {
    filter: invert(1);
}
.mobile-show-tab{
	display: none;
  }

  .location_wrapper input {
    width: 100%;
    padding: 4px 18px;
    margin-bottom: 5px;
}
.location_wrapper {
    background-color: #000000;
    padding: 8px 6px 3px;
}
.location_wrapper .form-control {
    width: 100%;
    padding: 4px 18px;
    margin-bottom: 5px;
    background-color: #000000;
    border: 1px solid #fff;
	font-size: 15px;
    color: #fff;
	-webkit-appearance: none;
}
.location_wrapper input::placeholder{
	color: #fff;
	letter-spacing: 1px;

}
select.form-control.store_find {
	background-image: url(../images/arrow-bottom-pink.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 96% 50%;
	padding: 4px 10px;



}
.first-bricks {
    width: 12px;
    height: 29px;
    background-color: var(--button-color);
	margin-bottom: 7px;

  
}
.second-bricks{
	width: 12px;
    height: 16px;
    background-color: var(--button-color);

}
.store-bricks {
    position: absolute;
    left: 0;
}
.commonColumn__box {
    position: relative;
}
.store-bricks.bottom_bricks {
    bottom: 0;
    left: -13px;
}
.store-bricks.bottom_bricks .first-bricks,
.store-bricks.bottom_bricks .second-bricks {
    width: 12px;
    height: 14px;
}
.dark-mode .mobile_header svg,
.dark-mode img.image-banner_t {
    filter: invert(1);
}

.dark-mode  .designs_tip_slide .slick-prev,
.dark-mode  .designs_tip_slide .slick-next{
    filter: invert(1);

}
.dark-mode .design.about-us_t img {
	filter: invert(0);
}
.banner.about-us {
    padding-bottom: 0;
}

.mobile-show-s{
display: none;
}
.flavour_details a {
    display: block;
}
.clothing_growes {
    padding-bottom: 0;
}

.slider_banner_top  .slick-prev{
	display: none!important;
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
	.text-points{
		padding-top: 33px;
    } 

    .text-points::i-block-chrome{
		padding-top: 45px;
	}
    
} */



@keyframes swing {
	0%, 100% {
	  transform: translateX(0);
	  opacity: 0.5;
	}
	50% {
	  transform: translateX(20px);
	  opacity: 1;

	}
  }
  @keyframes swing1 {
	  0%, 100% {
		  transform: translateX(0);
		  opacity: 0.5;
		}
		50% {
			transform: translateX(-20px);
			opacity: 1;
			
		}
	}
	
	@keyframes swing2 {
	  0%, 100% {
		transform: translateX(0);
		opacity: 0.5;
	  }
	  50% {
		transform: translateX(50px);
		opacity: 1;
  
	  }
	}