/*!
Theme Name: Gumbo
Theme URI: http://underscores.me/
Author: Webskitters
Author URI: https://www.webskitters.com/
Description: Award-Winning Web Design & Development Company - Webskitters
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gumbo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Gumbo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/



:root {
--base-font: "Jockey One", sans-serif;
--headline-font: "Inter", sans-serif;
--font-size: 18px;
--primary-color: #ffe102;
--secondary-color: #43007f;
--light-blue: #d0e6ff;
--color2: #b8b8b8;
--color1: #444444;
--white: #fff;
--black: #000;
}

@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: initial;
}
}

html {
scroll-behavior: initial;
}

body {
margin: 0;
padding: 0;
font-family: var(--headline-font);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
color: var(--color1);
font-size: var(--font-size);
font-weight: 400;
font-style: normal;
line-height: 1.3;
background-color: var(--white);
}

b,
strong {
font-weight: 700;
}

p {
margin: 0 0 22px 0;
}

p:last-child {
margin-bottom: 0;
}

::after,
::before {
pointer-events: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0 0 25px 0;
padding: 0;
color: var(--black);
font-weight: 400;
font-family: var(--base-font);
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}

h1,
.h1 {
font-size: 88px;
line-height: 1;
}

h2,
.h2 {
font-size: 56px;
line-height: 1;
}

h3,
.h3 {
font-size: 32px;
line-height: 1;
}

h4,
.h4 {
font-size: 20px;
line-height: 1.2;
}

h5,
.h5 {
font-size: 18px;
line-height: 1.2;
}

::after,
::before {
pointer-events: none;
}

a {
margin: 0;
padding: 0;
text-decoration: none !important;
outline: none !important;
color: var(--black);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

a:hover {
color: var(--primary-color);
}

img {
max-width: 100%;
}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select {
background-color: transparent;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
color: #000;
border: 1px solid rgba(255, 255, 255, 0.7);
height: 58px;
padding: 0 16px;
outline: none !important;
}

textarea {
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.7);
padding: 12px 16px;
width: 100%;
color: #000;
height: 158px;
outline: none !important;
}

select {
border: 1px solid rgba(255, 255, 255, 0.7);
width: 100%;
padding: 0 11px;
background: url(images/sort-down.svg) no-repeat calc(100% - 16px) center
transparent;
background-size: 18px;
padding-right: 40px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}

select::-ms-expand {
display: none;
}

input[type="submit"] {
background: #eab71e;
color: #000000;
height: 58px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding-left: 30px;
padding-right: 30px;
cursor: pointer;
font-size: 24px;
font-weight: 700;
outline: none !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover {
background: #000;
color: #eab71e;
}

::-webkit-input-placeholder {
opacity: 0.7;
color: #000;
}

:-ms-input-placeholder {
opacity: 0.7;
color: #000;
}

::-moz-placeholder {
opacity: 0.7;
color: #000;
}

:-moz-placeholder {
opacity: 0.7;
color: #000;
}

/* images alignment for wordpress content pages */
.alignright {
float: right;
margin: 0 0 20px 20px;
}

.alignleft {
float: left;
margin: 0 20px 20px 0;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
float: none;
clear: both;
}

/* custom checkbox */

.form_input_check label {
position: relative;
margin: 0;
padding-left: 40px;
display: inline-block;
}

.form_input_check label span {
margin: 0;
padding: 0;
}

.form_input_check label input[type="checkbox"] {
visibility: hidden;
display: none;
}

.form_input_check label input[type="checkbox"] + span::before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
border: 1px solid #3e3e42;
background: transparent;
}

.form_input_check label input[type="checkbox"] + span::after {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: url(images/tick.svg) no-repeat center center;
background-size: 15px;
}

.form_input_check label input[type="checkbox"]:not(:checked) + span::after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

.form_input_check label input[type="checkbox"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

/* custom radio */

.form_input_radio label {
position: relative;
margin: 0;
padding-left: 30px;
display: inline-block;
}

.form_input_radio label span {
margin: 0;
padding: 0;
}

.form_input_radio label input[type="radio"] {
visibility: hidden;
display: none;
}

.form_input_radio label input[type="radio"] + span::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border: 2px solid #000000;
border-radius: 100%;
background: #fff;
}

.form_input_radio label input[type="radio"] + span::after {
content: "";
width: 12px;
height: 12px;
background: #4b0049;
position: absolute;
top: 6px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.form_input_radio label input[type="radio"]:not(:checked) + span::after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

.form_input_radio label input[type="radio"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

/* custom radio end */

/* back to top */

#scroll {
position: fixed;
right: 20px;
bottom: 20px;
cursor: pointer;
width: 55px;
height: 55px;
background-color: #bdd653;
display: none;
border-radius: 100%;
line-height: 68px;
text-align: center;
cursor: pointer;
display: inline-block;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
z-index: 9;
}

#scroll:hover {
background: #88a725;
}

#scroll i {
color: #fff;
font-size: 44px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

#scroll:hover i {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}

/*custom cursor--*/
.stick,
.magnet_link {
display: inline-block;
}

.magnet_link {
transition: transform 0.8s ease;
display: inline-block;
}

.magnet_cursor {
pointer-events: none;
position: fixed;
padding: 0.3rem;
left: 0;
top: 0;
z-index: 999;
display: none;
opacity: 0;
transition: opcity 0.3s ease;
}

.magnet_cursor:after {
content: "";
background-color: var(--black);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
/* border-radius: 50%; */
transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),
background 0.8s ease-out;
}

.magnet_cursor span {
display: none;
font-size: 1.4vw;
color: var(--white);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-transform: uppercase;
line-height: 1.3;
font-family: var(--base-font);
text-align: center;
letter-spacing: 0.1em;
}

.magnet_cursor.tooltip {
opacity: 1;
padding: 0;
border-radius: 50%;
overflow: hidden;
width: 10vw;
height: 10vw;
}

.magnet_cursor.tooltip span {
display: block;
}

.magnet_cursor.scale {
mix-blend-mode: overlay;
}

.magnet_cursor.hover {
padding: 1.8rem;
opacity: 1;
}

.magnet_cursor.color:after,
.magnet_cursor.scale:after {
transform: translate(-50%, -50%) scale(3);
}

.magnet_cursor.blur {
-webkit-filter: blur(0.78vw);
filter: blur(0.78vw);
background-color: var(--white);
padding: 2.5rem;
opacity: 1;
}

.magnet_cursor.color {
filter: invert(1);
mix-blend-mode: difference;
opacity: 1;
}

[data-magnet] {
position: relative;
transition: none;
}

[data-magnet] [data-hover-bounds] {
position: absolute;
left: 0;
top: 0;
inset: 0;
pointer-events: none;
}

[data-magnet]:hover [data-hover-bounds] {
transform: scale(4);
}

.magnetic_boundBox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ========= main style ========= */
body.home {
user-select: none;
overflow: hidden;
height: 100%;
--font-size: 16px;
color: var(--black);
}

/*--nav--*/
.navbar-brand {
max-width: 11.63vw;
padding: 0;
pointer-events: all;
}

.navbar-brand img {
width: 100%;
}

.container-fluid {
--bs-gutter-x: 1.5vw;
}

.main-head {
padding: 0.75vw 0;
position: relative;
z-index: 55;
top: 0;
left: 0;
width: 100%;
}

body.home .main-head {
display: none;
pointer-events: none;
}

.main-head.fixed {
position: fixed;
}

.main-head .navbar {
padding: 0;
}

.rt_nav_items {
/* margin-left: auto; */
display: flex;
align-items: center;
pointer-events: all;
}

.nav_btn {
transition: all 0.6s ease;
overflow: hidden;
position: relative;
padding: 0.15em 0 0.25em;
font-family: var(--base-font);
text-align: center;
text-transform: uppercase;
}

body.home .nav_btn {
display: none;
}

.nav_btn:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: var(--black);
transform-origin: bottom center;
transform: scaleY(0);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 1;
}

.nav_btn i {
display: block;
transition: transform 0.6s ease;
position: relative;
z-index: 2;
width: 2.35vw;
}

.nav_btn i img {
width: 100%;
height: auto;
}

.nav_btn span {
position: relative;
z-index: 2;
display: block;
}

.nav_btn:hover {
color: var(--white);
}

.nav_btn:hover i {
filter: invert(1);
transform: scale(0.8);
}

.nav_btn:hover:before {
transform: scaleY(1);
}

.rt_nav_items.toggle .nav_btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.rt_nav_items.toggle .nav_explore {
display: none;
}

.nav_explore {
background-color: #292929;
font-size: 1.5vw;
line-height: 1;
padding: 0.9vw 1.3vw;
min-width: 8.88vw;
border-radius: 3vw;
color: var(--white);
font-weight: 600;
border: 0.25vw solid var(--black);
text-transform: uppercase;
overflow: hidden;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--base-font);
}

.nav_explore > * {
pointer-events: none;
}

.gloss_wrapper:before,
.nav_explore:before {
content: "";
background-color: var(--black);
position: absolute;
padding-left: 150%;
padding-top: 150%;
bottom: 0;
left: 0;
border-radius: 50%;
transform: translate(-40%, 0%);
transition: transform 0.8s ease-in;
}

.nav_explore:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: inset 0 0 0 0.1vw var(--white);
border-radius: 3vw;
}

.nav_explore span:not(.gloss_wrapper) {
position: relative;
z-index: 1;
}

.nav_explore:hover:before {
transform: translate(0, 50%);
}

.gloss_wrapper {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}

.gloss_wrapper:before {
background-color: #292929;
transform: translate(-50%, -50%);
transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 0.5);
}

.nav_explore:hover .gloss_wrapper:before {
transform: translate(-30%, 30%);
}

.gloss {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 60px;
overflow: hidden;
z-index: 2;
}

.gloss:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0)),
color-stop(50%, rgba(255, 255, 255, 0.5)),
to(rgba(255, 255, 255, 0))
);
background: -o-linear-gradient(
left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 100%
);
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 100%
);
-webkit-transform: translateX(-110%) skewX(-20deg);
-ms-transform: translateX(-110%) skewX(-20deg);
transform: translateX(-110%) skewX(-20deg);
-webkit-animation: glow 3.5s ease-out infinite;
animation: glow 3.5s ease-out infinite;
}

@-webkit-keyframes glow {
0%,
100% {
-webkit-transform: translateX(-110%) skewX(-20deg);
transform: translateX(-110%) skewX(-20deg);
opacity: 1;
}

30% {
-webkit-transform: translateX(110%) skewX(-20deg);
transform: translateX(110%) skewX(-20deg);
opacity: 0.8;
}

31%,
99.99% {
opacity: 0;
}
}

@keyframes glow {
0%,
100% {
-webkit-transform: translateX(-110%) skewX(-20deg);
transform: translateX(-110%) skewX(-20deg);
opacity: 1;
}

30% {
-webkit-transform: translateX(110%) skewX(-20deg);
transform: translateX(110%) skewX(-20deg);
opacity: 0.8;
}

31%,
99.99% {
opacity: 0;
}
}

/* sp starts */

/*--*/
.top_section {
position: relative;
width: 100%;
background-color: var(--black);
height: 48px;
}

.top_section .top_slider {
width: 100%;
}

.top_section .top_item {
position: relative;
text-transform: uppercase;
line-height: 1;
font-weight: 400;
display: inline-block;
font-family: var(--base-font);
font-size: 16px;
padding: 16px 28px 16px 15px;
color: var(--white);
font-family: var(--base-font);
}

.top_section .splide__track {
display: flex;
position: relative;
}

.top_section .top_item:after {
content: "";
width: 12px;
height: 12px;
display: block;
background-image: url(images/sl_ico.svg);
background-position: center center;
background-size: contain;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

/* sp ends */

/*--loading animation--*/
.loading_anim_screen {
position: fixed;
z-index: 99;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--white);
opacity: 0;
}

.l_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.l_bg:not(:first-child) {
opacity: 0;
}

.loader_images {
position: absolute;
top: 10vh;
left: 50%;
transform: translateX(-50%);
}

.loader_images img {
width: 61.06vw;
height: auto;
}

.loader_images img:not(:first-child) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
}

/*--circular slider--*/
.curcular_slider {
height: 100vh;
bottom: 0;
position: absolute;
width: 100%;
overflow: hidden;
user-select: none;
opacity: 0;
pointer-events: none;
}

.cc_box {
padding-bottom: 2vw;
width: 100%;
position: relative;
}

.cc_controls {
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}

.cc_controls.disable .ss_arrow {
opacity: 0.35;
pointer-events: none;
}

.footer {
position: absolute;
bottom: 3vw;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 9;
}

.social_sec {
width: 100%;
background-color: var(--black);
color: var(--white);
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
pointer-events: none;
opacity: 0;
height: 3vw;
}

.social_list {
list-style: none;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0;
margin: 0 auto;
max-width: 50.88vw;
line-height: 1;
height: 100%;
}

.social_list li {
height: 100%;
}

.social_list a {
position: relative;
color: var(--white);
font-size: 1.25vw;
padding: 0.5vw 1vw;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-family: var(--base-font);
}

.social_list a:hover {
color: var(--black);
}

.social_list a:after {
content: "";
background-color: var(--white);
width: 100%;
height: 100%;
transform-origin: bottom center;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
transform: scaleY(0);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social_list a:hover:after {
transform: scaleY(1);
}

.social_list a span {
position: relative;
z-index: 2;
}

.wheel {
--w_size: 250vw;
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: var(--w_size);
height: var(--w_size);
max-width: var(--w_size);
max-height: var(--w_size);
left: 50%;
transform: translateX(-50%);
margin-top: 35vh;
}

.card_height {
height: 0;
width: 0;
padding-left: 100%;
display: block;
padding-top: 129%;
}

.wheel__card {
position: absolute;
top: 0;
left: 0;
width: 25%;
max-width: 19.88vw;
cursor: pointer;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform;
transform-origin: center center;
}

.card_img {
margin: auto 0;
height: 100%;
/* padding: 1.5vw 0; */
}

.flip-box-front .inner .card_img {
padding: 1.5vw 0;
}

.flip-box-back .inner .card_img {
width: 100%;
}

.card_img img {
width: 100%;
height: 100%;
object-fit: contain;
}

.flip-box-back .inner .card_img img {
/* min-width: 364px; */
width: 100%;
object-fit: cover;
border-radius: 17px;
}

/* 
.flip-box-back .card_img img {
width: 100%;
height: 100%;

} */

.flip-box {
position: absolute;
top: 0;
left: 0;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
perspective: 1000px;
-webkit-perspective: 1000px;
width: 100%;
height: 100%;
display: block;
pointer-events: all !important;
}

.flip-box > * {
pointer-events: none;
}

.flip-box-front,
.flip-box-back {
border: 0.25vw solid var(--black);
background-color: var(--white);
background-size: cover;
background-position: center;
border-radius: 1.2vw;
height: 100%;
-ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-box-front {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
text-align: center;
}

.flip-box:hover .flip-box-front {
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.flip-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.flip-box .inner {
position: absolute;
left: 0;
width: 100%;
height: 100%;
/* padding: 2vw 1.2vw; */
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}

.flip-box-front .inner {
padding: 2vw 1.2vw;
}

.flip-box-header {
font-size: 2vw;
margin: 0;
color: var(--black);
text-transform: uppercase;
font-family: var(--base-font);
}

/*--timer box--*/
@-webkit-keyframes shaken {
0%,
30%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}

10% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}

20% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}

@keyframes shaken {
0%,
7.5%,
15%,
25%,
100% {
transform: rotate(0);
}

2.5%,
10%,
20% {
transform: rotate(-8deg);
}

5%,
12.5%,
22.5% {
transform: rotate(8deg);
}
}

.loader_timer {
position: absolute;
bottom: 10vh;
left: 50%;
transform: translateX(-50%);
width: 14.75vw;
opacity: 0;
}

.loader_timer img {
width: 100%;
height: auto;
object-position: center center;
transform-origin: center center;
}

.loader_timer.active img,
.loader_timer.active .timer_box {
-webkit-animation: shaken 0.5s linear infinite;
animation: shaken 0.5s linear infinite;
}

.timer_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 70% 13% 12%;
font-size: 3.38vw;
display: flex;
align-items: center;
justify-content: center;
object-position: bottom center;
transform-origin: bottom center;
font-family: var(--base-font);
opacity: 0;
}

/*--splide slider--*/
.roll_section {
position: relative;
opacity: 0;
pointer-events: none;
width: 100%;
bottom: 0;
left: 0;
}

.roll_section.bottom {
position: absolute;
width: 100%;
}

.splide_slider {
position: absolute;
z-index: 99;
bottom: 0;
left: 0;
width: 100%;
}

.splide_slider .splide_item {
position: relative;
color: var(--black);
font-size: 1.5vw;
text-transform: uppercase;
line-height: 1;
font-weight: 400;
padding: 1.25vw 1.38vw 1.25vw 1vw;
display: inline-block;
font-family: var(--base-font);
}

.splide_slider .splide__track {
display: flex;
position: relative;
}

.splide_slider .splide_item:after {
content: "";
width: 0.38vw;
height: 0.38vw;
display: block;
background-color: var(--black);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

/*-dark version slider-*/
.roll_section:not(.bottom) .splide_slider {
bottom: auto;
top: 0;
background-color: var(--black);
position: relative;
}

.roll_section:not(.bottom) .splide_slider .splide_item {
font-size: 1vw;
padding: 1.13vw 1.69vw 1.13vw 1vw;
color: var(--white);
font-weight: 400;
}

.roll_section:not(.bottom) .splide_slider .splide_item:after {
content: "";
width: 0.69vw;
height: 0.69vw;
display: block;
background-image: url(images/sl_ico.svg);
background-position: center center;
background-size: contain;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

/*--splash--*/
.splash_box {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
padding-left: 100%;
padding-top: 100%;
width: 0;
height: 0;
opacity: 0;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
}

.splash_box img {
position: absolute;
top: 50%;
left: 50%;
width: 200vw;
height: auto;
}

.splash_box img.pow {
width: 60vw;
}

/*--after splash video--*/
.after_splash_video {
padding: 7vw 1.5vw 4.06vw;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
opacity: 0;
}

.video_box {
width: 100%;
height: 100%;
border-radius: 1vw;
position: relative;
overflow: hidden;
pointer-events: none;
}

.video_box video {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}

.video_overlay {
position: absolute;
top: -1px;
right: -1px;
height: 100%;
width: auto;
}

.overlay_Screen {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99;
opacity: 0;
pointer-events: none;
}

.overlay_Screen canvas {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 2;
}

.overlay_Screen img {
opacity: 0;
}

.finalImg {
position: absolute;
top: 50%;
left: 50%;
width: 15vw;
}

.repeat_img {
position: absolute;
will-change: transform;
width: 35vw;
height: auto;
user-select: none;
pointer-events: none;
transform-origin: center center;
opacity: 0;
}

.midle_box {
width: 3.19vw;
margin: 0 3vw;
display: flex;
flex-direction: column;
}

.midle_box img {
width: 100%;
height: auto;
}

.midle_box img:first-child {
transform-origin: bottom center;
}

.midle_box.animate img:first-child {
-webkit-animation: potTilt 0.25s ease-out;
animation: potTilt 0.25s ease-out;
}

.midle_box.animateInfinite img:first-child {
-webkit-animation: potTilt 0.35s ease-out infinite;
animation: potTilt 0.35s ease-out infinite;
}

@-webkit-keyframes potTilt {
0%,
50%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}

12.5%,
62.5% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}

37.5%,
87.5% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}

@keyframes potTilt {
0%,
50%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}

12.5%,
62.5% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}

37.5%,
87.5% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}

.ss_arrow {
width: 3vw;
height: 3vw;
padding: 0.5vw;
border: 0;
outline: 0;
background: transparent;
transition: all 0.6s ease;
border-radius: 3px;
font-family: var(--base-font);
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
}

.ss_arrow img {
width: 100%;
height: auto;
pointer-events: none;
}

.ss_arrow:hover > img {
filter: invert(1);
}

.ss_arrow:hover {
background-color: var(--black);
}

.cartoonbox {
position: absolute;
bottom: 0;
left: 25%;
width: 13vw;
transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55),
opacity 0.3s ease-out;
transform: rotateZ(-125deg);
transform-origin: bottom center;
opacity: 0;
}

.cartoonbox.active {
transform: rotatez(0deg);
opacity: 1;
}

.cartoonbox.active:hover img {
filter: drop-shadow(0px 0px 4px var(--black));
}

.cartoonbox img {
width: 100%;
height: auto;
object-position: bottom center;
transform-origin: bottom center;
transition: all 0.4s ease;
}

.cartoonbox img:not(:first-child) {
position: absolute;
top: 0;
left: 0;
height: 100%;
animation-delay: 0.7s;
-webkit-animation: tilt 3.5s ease-out infinite;
animation: tilt 3.5s ease-out infinite;
}

@-webkit-keyframes tilt {
0%,
30%,
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}

10% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}

20% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}

@keyframes tilt {
0%,
30%,
100% {
transform: rotate(0);
}

10% {
transform: rotate(-2deg);
}

20% {
transform: rotate(2deg);
}
}

.chat {
position: fixed;
right: 0;
bottom: 3vw;
margin: 1.56vw;
width: 5vw;
cursor: pointer;
z-index: 2;
box-shadow: 0 0 1vw 0.5vw rgba(255, 255, 255, 0.1);
border-radius: 50%;
}

.chat img {
width: 100%;
height: auto;
}

/*--modal--*/
.custom_modal {
position: fixed;
top: 0;
left: 0;
z-index: 55;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
padding: 15px;
}

.custom_modal.open {
opacity: 1;
pointer-events: all;
}

.popup_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(8px);
opacity: 0;
transition: all 0.3s ease;
}

.custom_modal.open .popup_overlay {
opacity: 1;
}

.modal_box {
width: 100%;
position: relative;
z-index: 1;
opacity: 0;
transform: translateY(5vh);
transition: transform 0.6s ease-out, opacity 0.4s ease;
pointer-events: none;
padding: 80px 0;
overflow: auto;
}

.custom_modal.open .modal_box {
opacity: 1;
transform: translateY(0);
}

.modal_container {
width: 100%;
max-width: 36.25vw;
margin: 0 auto;
}

.custom_modal.open .modal_container {
pointer-events: all;
}

.modal_content {
background-color: var(--black);
border-radius: 2vw;
position: relative;
padding: 3.5vw 5.31vw 4.38vw;
color: var(--white);
}

.modal_close {
width: 2.25vw;
height: 2.25vw;
border-radius: 50%;
border: 0.15vw solid var(--white);
padding: 0.5vw;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
margin: 0.75vw;
cursor: pointer;
transition: all 0.3s ease;
}

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

.modal_close:hover img {
filter: invert(1);
}

.modal_header {
margin-bottom: 3vw;
text-align: center;
font-size: 1.25vw;
}

.modal_header h2 {
font-size: 2.5vw;
margin-bottom: 2.25vw;
color: var(--white);
}

.input_container {
font-family: var(--base-font);
margin-bottom: 2vw;
}

.input_container label {
display: block;
margin-bottom: 0.94vw;
font-size: 1vw;
}

.input_container label span {
color: #ff0000;
}

.input_container input[type="text"],
.input_container input[type="email"] {
height: 3vw;
font-size: 1vw;
padding: 0.8vw 2.81vw 0.8vw 1vw;
border-radius: 0.38vw;
color: var(--white);
border: 0.1vw solid var(--white);
background-repeat: no-repeat;
background-position: right 1vw center;
background-size: 1vw;
font-family: var(--headline-font);
}

.input_container input[type="text"]:hover,
.input_container input[type="email"]:hover,
.input_container input[type="text"]:focus,
.input_container input[type="email"]:focus {
border: 0.1vw solid #292929;
}

.input_container input::placeholder {
color: var(--white);
opacity: 1;
}

.input_container input::-webkit-input-placeholder {
color: var(--white);
}

.input_container input:-ms-input-placeholder {
color: var(--white);
}

.modal_form input[type="submit"] {
border-radius: 2.5vw;
height: 3.5vw;
width: 15vw;
font-size: 1.5vw;
color: var(--black);
background: var(--white);
box-shadow: 0 0 0 0 var(--white);
padding: 0.5vw 2vw;
font-family: var(--base-font);
}

.modal_form input[type="submit"]:hover {
background-color: var(--black);
color: var(--white);
box-shadow: 0 0 0 0.15vw var(--white);
}

.name_ico input[type="text"] {
background-image: url(images/name_ico.svg);
}

.email_ico input[type="email"] {
background-image: url(images/email_ico.svg);
}

/*--other pages-*/
/*--------------*/

/*--banner --*/
.cmn-gap {
padding: 120px 0;
}

.cmn-gap.pb0 {
padding-bottom: 0;
}

.cmn-gap.pt0 {
padding-top: 0;
}

.row {
--bs-gutter-x: 32px;
justify-content: center !important;
}

.page_banner {
position: relative;
}

.banner_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}

.banner_inner {
background-color: rgba(0, 0, 0, 0.56);
position: relative;
min-height: 572px;
display: flex;
align-items: center;
text-align: center;
color: var(--white);
}

.banner_title h1 {
font-size: 88px;
color: var(--white);
text-transform: uppercase;
}

/*--*/
.header {
margin-bottom: 48px;
font-size: 20px;
}

.header:not(.center) {
padding-right: 2%;
}

.header.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.header p {
line-height: 1.5;
}

.header h2 {
font-size: 56px;
margin-bottom: 30px;
text-transform: uppercase;
}

.header h2 + h3 {
margin-top: 42px;
margin-bottom: 30px;
}

.big_size {
font-size: 32px;
font-family: var(--base-font);
}

.header.white {
color: var(--color2);
}

.header.white h2 {
color: var(--white);
}

.color1 {
color: var(--color1);
}

.color2 {
color: var(--color2);
}

/*--*/
.vdo_box {
position: relative;
border-radius: 25px;
background-color: var(--black);
overflow: hidden;
height: 0;
width: 0;
padding-top: 46.3%;
padding-left: 100%;
}

.vdo_box > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: contain;
height: 100%;
width: 100%;
}

.vdo_play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}

.vdo_play img {
width: 100%;
max-width: 80px;
height: auto;
transition: transform 0.4s ease;
transform-origin: 50% 50%;
transform: scale(1);
}

.vdo_play:hover {
background-color: rgba(0, 0, 0, 0.25);
}

.vdo_play:hover img {
transform: scale(1.1);
}

.brand_sec .header {
max-width: 85%;
margin-left: auto;
margin-right: auto;
}

/*--*/
.card_inner {
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
}

.card_inner.center {
text-align: center;
}

.mission_value_sec .crd_img {
max-width: 103px;
margin: 0 auto 52px;
}

.card_content {
margin-left: auto;
margin-right: auto;
}

.card_content h3 {
font-size: 32px;
margin-bottom: 20px;
text-transform: uppercase;
}

.mission_value_sec .card_content {
max-width: 80%;
}

.box_card .crd_img {
max-width: none;
width: 260px;
height: 260px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 45px;
position: relative;
}

.box_card .crd_img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
height: 100%;
width: 100%;
}

.large_para {
font-size: 20px;
}

.meet_founder_Sec {
background-color: var(--black);
color: var(--color2);
}

.box_card .card_content h3 {
color: var(--white);
margin-bottom: 30px;
}

.rank {
margin-bottom: 20px;
}

.meet_founder_Sec .header {
max-width: 85%;
}

.meet_founder_Sec .header p {
font-size: 20px;
}

.ss_list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}

.ss_list li {
padding: 0 10px;
}

.ss_list img {
width: 30px;
height: auto;
}

.ss_list a:hover {
opacity: 0.5;
}

.box_card_content {
margin-bottom: 48px;
}

.card_inner .ss_list {
margin-top: auto;
}

.card_inner.box_card {
padding: 56px 40px;
border: 4px solid var(--white);
border-radius: 20px;
transition: all 0.6s ease;
}

.meet_founder_Sec .card_col {
margin-bottom: 48px;
}

.card_inner.box_card:hover {
background-color: rgba(255, 255, 255, 0.15);
}

.culture_slider_outer {
overflow: hidden;
}

.culture_item {
padding: 0 16px;
width: 40%;
max-height: 500px;
}

.culture_item_wrapper {
overflow: hidden;
border-radius: 25px;
}

.culture_item_wrapper img {
width: 100%;
}

.culture_slider .splide__track {
padding-left: 20% !important;
}

/*--*/
.circle_box_wrapper {
width: 50%;
}

.circle_box {
width: 0;
height: 0;
padding-left: calc(100% - 34px);
padding-top: calc(100% - 34px);
position: relative;
border-radius: 50%;
overflow: hidden;
font-size: 24px;
font-family: var(--base-font);
border: 5px solid var(--black);
background-color: var(--white);
transition: all 0.4s ease;
text-align: center;
color: var(--black);
text-transform: uppercase;
cursor: pointer;
pointer-events: all;
}

.circle_box_inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
}

.circle_box figure {
max-width: 146px;
width: 100%;
margin: 0 auto 12px;
}

.circle_box:hover {
background-color: var(--black);
}

.circle_box:hover figure {
filter: brightness(0) invert(1);
}

.circle_box_wrapper {
position: relative;
}

.cc_col {
pointer-events: none;
}

.top_cc_col {
position: relative;
z-index: 3;
}

.middle_cc_col {
position: relative;
z-index: 2;
}

.bottom_cc_col {
position: relative;
z-index: 1;
}

.top_cc_col .circle_box_wrapper {
margin-left: auto;
margin-right: auto;
}

.top_cc_col .circle_box {
margin-left: 25%;
}

.bottom_cc_col .circle_box_wrapper {
margin-left: auto;
}

.middle_cc_col .circle_box_wrapper {
margin: -10% 0 -32%;
}

.cc_hover_box {
padding: 40px;
background-color: #f5f5f5;
border-radius: 25px;
position: absolute;
top: 100%;
left: 100%;
min-width: 590px;
z-index: 2;
transform: translate(-10%, -50%);
opacity: 0;
pointer-events: none;
transition: transform 0.6s ease-out, opacity 0.3s ease;
}

.cc_hover_box h4 {
font-size: 32px;
margin-bottom: 18px;
text-transform: uppercase;
}

.circle_box:hover + .cc_hover_box {
opacity: 1;
transform: translate(-15%, -55%);
}

.exp_sec .header h2 {
max-width: 80%;
}

.media_item {
padding: 0 16px;
}

.media_item_inner figure {
width: 100%;
height: 420px;

margin-bottom: 32px;
}

.media_item_inner figure img {
width: 100%;
height: 100%;
object-fit: cover;
border: 5px solid var(--black);
border-radius: 25px;
}

.media_slider {
margin: 0 -16px;
position: relative;
}

.media_content h3 {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 20px;
}

.media_content {
text-align: center;
}

.cst_control_sl {
display: inline-flex;
align-items: center;
margin-left: auto;
padding-left: 30px;
}

[data-control-arrow].header {
display: flex;
align-items: center;
padding-right: 0px;
}

[data-control-arrow].header h2 {
display: inline-block;
margin-bottom: 0;
}

.cst_control_sl .splide__arrow + .splide__arrow {
margin-left: 25px;
}

.media_slider .splide__arrow,
.cst_control_sl .splide__arrow {
width: 56px;
height: 56px;
background-color: var(--black);
opacity: 1;
transition: all 0.4s ease;
position: absolute;
top: calc(420px / 2);
}

.media_slider .splide__arrow svg,
.cst_control_sl .splide__arrow svg {
fill: var(--white);
}

.media_slider .splide__arrow--prev {
left: -100px;
}

.media_slider .splide__arrow--next {
right: -100px;
}

.cst_control_sl .splide__arrow {
position: static;
transform: none;
}

.media_slider .splide__arrow:hover,
.cst_control_sl .splide__arrow:hover {
background-color: var(--color1);
}

/* .culture_slider .splide__arrow--prev {
left: 11%;
}
.culture_slider .splide__arrow--next {
right: 11%;
} */
.media_sec {
position: relative;
}

.media_sec:after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(
0deg,
rgba(68, 68, 68, 0.06) 0%,
rgba(68, 68, 68, 0) 100%
);
}

.news_inner {
border: 4px solid var(--black);
border-radius: 24px;
overflow: hidden;
position: relative;
height: 100%;
}

.news_inner figure {
position: relative;
margin-bottom: 0;
}

.news_inner .news_img {
width: 100%;
height: 100%;
object-fit: cover;
}

.news_content h3 {
font-size: 24px;
margin-bottom: 0;
text-transform: uppercase;
}

.news_content .label {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 6px 12px;
display: inline-block;
margin-bottom: 18px;
line-height: 1;
}

.news_list {
padding: 0;
margin: 24px 0 0;
list-style: none;
display: flex;
flex-direction: column;
}

.news_list li {
display: flex;
align-items: center;
}

.news_list li i {
width: 28px;
flex-shrink: 1;
margin-right: 5px;
display: inline-block;
}

.news_list li i img {
width: 100%;
height: auto;
}

.news_list li + li {
margin-top: 15px;
}

.news_panel_small .news_inner {
display: flex;
}

.news_panel_small .news_inner figure {
flex: 0 0 48%;
}

.news_panel_small .news_content {
flex: 0 0 52%;
flex-grow: 1;
padding: 30px 20px;
}

.news_panel_small .news_box + .news_box {
margin-top: var(--bs-gutter-x);
}

.news_panel_large .news_content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
padding: 50px 40px;
color: var(--white);
}

.news_panel_large .news_box,
.news_panel_large .news_inner figure {
height: 100%;
}

.news_panel_large .news_content h3 {
color: var(--white);
font-size: 32px;
}

.news_panel_large .news_content .label {
background-color: rgba(255, 255, 255, 0.16);
}

.vdo_play.ply_btn {
background-color: rgba(0, 0, 0, 0.25);
}

.vdo_play.ply_btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}

.vdo_play.ply_btn img {
max-width: 46px;
}

.news_panel_large .vdo_play.ply_btn img {
max-width: 56px;
}

.btn_wrapper {
margin-top: 60px;
text-align: center;
}

.in-join-movement .header {
margin-bottom: 32px;
max-width: 758px;
}

.in-join-movement .header h2 {
margin-bottom: 0;
}

.in-join-movement .header .h3 {
margin-bottom: 24px;
}

.in-join-movement .btn_wrapper {
margin-top: 0;
}

.social_ft {
width: 100%;
background-color: var(--black);
color: var(--white);
}

.social_ft_list {
list-style: none;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0;
margin: 0 auto;
max-width: 975px;
line-height: 1;
height: 100%;
}

.social_ft_list li {
height: 100%;
}

.social_ft_list a {
position: relative;
color: var(--white);
font-size: 20px;
padding: 17px 18px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-family: var(--base-font);
}

.social_ft_list a:hover {
color: var(--black);
}

.social_ft_list a:after {
content: "";
background-color: var(--white);
width: 100%;
height: 100%;
transform-origin: bottom center;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
transform: scaleY(0);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social_ft_list a:hover:after {
transform: scaleY(1);
}

.social_ft_list a span {
position: relative;
z-index: 2;
}

.norm.nav_explore {
font-size: 24px;
padding: 13px 20px;
min-width: 142px;
border-radius: 30px;
border: 3px solid var(--black);
}

.norm.nav_explore:after {
box-shadow: inset 0 0 0 1px var(--white);
border-radius: 30px;
}

.farm-row-outer:nth-child(even)
.farm-row
.farm-col-rgt-wrap
.farm-ico-wrap::before {
top: -10px;
right: auto;
left: 12px;
}

.nav_explore.nav_explore-white {
box-shadow: 0 0 0 2px var(--white);
}

/* interview page starts */
.banner_title.banner_title-inr {
max-width: 871px;
margin: 0 auto;
}

.banner-text p {
text-align: center;
margin-bottom: 15px;
}

.banner-text > *:last-child {
margin-bottom: 0;
}

/* latest interviews starts */
.latest-interviews {
width: 100%;
padding: 120px 0 90px 0;
}

.in-right-interviews {
width: 100%;
height: 100%;
border-radius: 25px;
overflow: hidden;
margin-bottom: 0;
}

.in-right-interviews img {
width: 100%;
height: 100%;
object-fit: cover;
}

.row.row-interviews {
--bs-gutter-x: 30px;
--bs-gutter-y: 30px;
align-items: center;
}

.in-left-interviews {
width: 100%;
height: 100%;
padding-right: 19px;
}

.col-left-interviews {
width: 58.4%;
}

.col-right-interviews {
width: 41.6%;
}

.interview-text-wrp p {
margin-bottom: 15px;
font-size: 20px;
}

.interview-text-wrp > *:last-child {
margin-bottom: 0;
}

/* blog section starts */
.blog-sec {
width: 100%;
}

.featured-interview-wrp {
width: 100%;
height: 100%;
max-height: 551px;
border-radius: 25px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}

.interviewing-imgs {
width: 100%;
height: 100%;
object-fit: cover;
}

.inter-viewing-content-wrp {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
width: 100%;
z-index: 2;
pointer-events: none;
}

.inter-viewing-content-wrp > * {
pointer-events: all;
}

.inter-viewing-content-wrp:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.6;
z-index: -1;
}

.inter-viewing-content-wrp span {
color: var(--white);
background-color: rgba(255, 255, 255, 0.16);
border-radius: 8px;
padding: 4px 10px;
margin-bottom: 18px;
display: inline-block;
width: fit-content;
}

.inter-viewing-content-wrp h2 {
color: var(--white);
margin-bottom: 0;
}

.play-btns {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}

.play-btns img {
width: 100%;
max-width: 66px;
height: auto;
transition: transform 0.4s ease;
transform-origin: 50% 50%;
transform: scale(1);
}

.play-btns:hover {
background-color: rgba(0, 0, 0, 0.5);
}

.play-btns:hover img {
transform: scale(1.1);
}

.row.row-blogs-yt {
--bs-gutter-x: 40px;
--bs-gutter-y: 40px;
}

.col-blogs-yt {
width: 50%;
}

.in-blogs-yt {
width: 100%;
height: 100%;
border: 4px solid var(--black);
border-radius: 25px;
overflow: hidden;
}

.in-blogs-yt .img-part {
position: relative;
padding-top: 59%;
}

.creator-imgs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.blog-content-top-part {
padding: 40px 20px 30px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-content-top-part > span {
background-color: rgba(68, 68, 68, 0.1);
border-radius: 8px;
padding: 5px 14px;
display: inline-block;
margin-bottom: 16px;
}

.blog-content-top-part h3 {
text-transform: uppercase;
margin-bottom: 15px;
}

.blog-content-top-part h3 a:hover {
color: var(--color1);
}

.blog-content-top-part ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
margin-bottom: 0;
margin: 0 -24px -10px 0;
}

.blog-content-top-part ul li {
display: flex;
align-items: center;
margin: 0 24px 10px 0;
}

.blog-content-top-part ul li i {
position: relative;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
}

.blog-content-top-part ul li i img {
width: 100%;
height: 100%;
object-fit: contain;
margin-right: 11px;
}

.blog-content-top-part ul li i span {
position: absolute;
top: -3px;
right: 1px;
width: 21px;
height: 21px;
border-radius: 50%;
background-color: rgba(68, 68, 68, 0.1);
}

.blog-content-part {
border-top: 4px solid var(--black);
}

.blog-content-bottom-part {
display: flex;
flex-wrap: wrap;
margin: 0 -10px -10px 0;
padding: 30px 24px 30px 24px;
}

.blog-content-bottom-part .watch-now-btn {
margin: 0 10px 10px 0;
}

.watch-now-btn {
font-size: 24px;
font-family: var(--base-font);
color: var(--white);
padding: 12px 21px;
border-radius: 40px;
background-color: var(--black);
text-transform: uppercase;
}

.watch-now-btn:hover {
background-color: var(--color1);
color: var(--white);
}

.blog-play-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}

.blog-play-btn:hover {
background-color: rgba(0, 0, 0, 0.5);
}

.blog-play-btn img {
width: 100%;
max-width: 80px;
height: auto;
transition: transform 0.4s ease;
transform-origin: 50% 50%;
transform: scale(1);
}

.blog-play-btn:hover img {
transform: scale(1.1);
}

.in-join-movement.in-join-movement-black {
background: none;
}

.party-people {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}

.overlay-join-movement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.72);
pointer-events: none;
}

.in-join-movement.in-join-movement-black .in-join-movement-wrp {
position: relative;
/* z-index: 1; */
}

.in-join-movement.in-join-movement-black .in-join-movement-wrp .header .h3 {
color: var(--white);
}

.in-join-movement.in-join-movement-black .in-join-movement-wrp .header h2 {
color: var(--white);
}

/* footer starts */
.main-footer {
width: 100%;
padding: 80px 0 40px 0;
background-color: #1e1e1e;
}

.footer-cmn-col.footer-col-left {
max-width: 310px;
}

.footer-cmn-col.footer-col-right {
max-width: 225px;
}

.row.row-footer {
justify-content: space-between;
}

.footer-logo {
max-width: 204px;
display: inline-block;
margin-bottom: 30px;
}

.footer-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}

.in-footer-left {
width: 100%;
height: 100%;
}

.in-footer-left address {
color: var(--color2);
line-height: 1.5;
}

.in-footer-right {
width: 100%;
height: 100%;
}

.footer-cmn-col.footer-col-mid {
max-width: 424px;
}

.in-footer-mid {
width: 100%;
height: 100%;
}

.cmn-footer-head p {
font-size: 24px;
font-family: var(--base-font);
margin-bottom: 0;
color: var(--white);
text-transform: uppercase;
}

.cmn-footer-head {
margin-bottom: 32px;
}

.in-footer-mid ul {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.in-footer-mid ul > *:nth-child(odd) {
width: 58%;
}

.in-footer-mid ul > *:nth-child(even) {
width: 42%;
}

.in-footer-mid ul li {
margin-bottom: 25px;
}

.in-footer-mid ul li a {
color: var(--color2);
}

.in-footer-mid ul li a:hover,
.in-footer-mid ul li.current-menu-item a {
color: var(--white);
}

.in-footer-right ul {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

.in-footer-right ul li {
list-style: none;
margin-bottom: 25px;
}

.in-footer-right ul li a {
color: var(--color2);
}

.in-footer-right ul li a:hover {
color: var(--white);
}

.in-footer-right ul li address {
color: var(--color2);
}

.footer-top-part {
padding-bottom: 44px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-part {
max-width: 1108px;
margin: 0 auto;
text-align: center;
margin-top: 40px;
}

.footer-bottom-part p {
margin-bottom: 25px;
color: var(--white);
font-size: 16px;
}

.footer-bottom-part p a {
color: var(--white);
}

.footer-bottom-part p a:hover {
color: var(--color2);
}

.footer-bottom-part > *:last-child {
margin-bottom: 0;
}

.in-join-movement {
border-radius: 25px;
overflow: hidden;
background-color: #f5f5f5;
padding: 100px;
position: relative;
}

.join-movement-btn-wrp {
display: flex;
flex-wrap: wrap;
margin: 0 -10px -10px 0;
}

.join-movement-btn-wrp .nav_explore {
margin: 0;
}

.in-join-movement-wrp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
max-width: 758px;
margin: 0 auto;
}

.title-movement-wrp h2 {
text-transform: uppercase;
}

.title-movement-wrp span {
font-size: 32px;
margin-bottom: 15px;
font-family: var(--base-font);
color: var(--black);
display: inline-block;
line-height: 0.9;
}

.title-movement-wrp {
margin-bottom: 23px;
}

.shape-movement {
position: absolute;
top: 0;
right: 0;
height: 100%;
object-fit: contain;
pointer-events: none;
}

/* footer ends */

.header p strong {
font-weight: 600;
color: var(--black);
}

.farm-col-left-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}

.farm-col-left-wrap {
border-radius: 25px;
overflow: hidden;
border: 5px solid var(--black);
box-shadow: 7px 7px 0px var(--black);
transform: rotate(8deg);
position: relative;
padding-top: 123%;
}

.farm-col-rgt-wrap h4 {
font-size: 32px;
text-transform: uppercase;
margin-bottom: 10px;
}

.farm-row {
align-items: center;
--bs-gutter-y: 30px;
}

.farm-col-left {
width: 39%;
}

.farm-col-rgt {
width: 61%;
}

.farm-ico-wrap {
position: relative;
max-width: 70px;
margin-bottom: 30px;
}

.farm-ico-wrap::before {
content: "";
position: absolute;
width: 56px;
height: 56px;
background-color: rgba(68, 68, 68, 0.1);
border-radius: 50%;
top: -6px;
right: 12px;
z-index: -1;
}

.farm-ico-wrap img {
height: 64px;
}

.farm-col-rgt-wrap {
max-width: 530px;
margin-left: auto;
}

.farm-desc p {
line-height: 1.55;
}

.farm-main-wrap .header {
max-width: 1092px;
margin-left: auto;
margin-right: auto;
}

.farm-col-left-wrap-outer {
padding: 38px;
}

.farm-row-outer {
margin-bottom: 60px;
position: relative;
}

.farm-row-outer:nth-child(odd) .farm-row {
flex-direction: row-reverse;
}

.farm-row-outer:nth-child(odd) .farm-row .farm-col-rgt-wrap {
margin-left: 0;
margin-right: auto;
text-align: right;
}

.farm-row-outer:nth-child(odd) .farm-row .farm-col-rgt-wrap .farm-ico-wrap {
margin-left: auto;
}

.farm-row-outer:nth-child(odd) .farm-row .farm-col-left-wrap {
transform: rotate(-8deg);
}

.farm-bdr {
position: absolute;
bottom: -30%;
left: 36%;
width: 31%;
}

.farm-row-outer:last-child .farm-bdr {
display: none;
}

.farm-row-outer:last-child {
margin-bottom: 0;
}

.farm-bdr svg {
width: 100%;
}

.archive-main-wrap .header {
max-width: 1092px;
width: 100%;
}

.filter-inner {
display: flex;
align-items: center;
background-color: var(--black);
border-radius: 12px;
color: var(--white);
/* width: 100%; */
/* max-width: 318px; */
padding-left: 16px;
}

.filter-inner select {
font-size: 16px;
font-family: var(--base-font);
color: var(--white);
text-transform: uppercase;
background: url(images/arr-wh.svg) no-repeat calc(100% - 16px) center
transparent;
border: none;
min-width: 220px;
cursor: pointer;
}

.filter-inner label {
width: 100%;
font-size: 16px;
}

.filter-wrap {
margin-left: auto;
}

.filter-main {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}

.filter-main p {
font-size: 32px;
font-family: var(--base-font);
color: var(--black);
margin-bottom: 0;
}

.archive-card {
padding: 32px 50px 40px;
text-align: center;
border: 4px solid var(--black);
border-radius: 25px;
display: block;
height: 100%;
}

.archive-img-wrap {
max-width: 260px;
max-height: 260px;
object-fit: cover;
margin: 0 auto 32px;
}

.archive-img-wrap img {
width: 100%;
transition: all 0.3s ease-in-out;
height: 280px;
object-fit: contain;
}

.tag {
color: var(--black);
padding: 8px 17px;
background-color: rgba(68, 68, 68, 0.1);
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
margin-bottom: 24px;
}

.archive-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}

.archive-list li {
color: var(--color1);
padding: 0 12px;
border-right: 1px solid var(--color1);
}

.archive-list li:last-child {
border-right: none;
}

.archive-card:hover {
box-shadow: 0px 4px 38px 8px rgba(190, 190, 190, 0.6);
border-color: transparent;
}

.archive-card:hover .archive-img-wrap img {
transform: scale(1.1);
}

.archive-row {
--bs-gutter-y: 32px;
}

.pagi-link {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border: 2px solid var(--black);
border-radius: 50%;
color: var(--black);
font-size: 24px;
font-family: var(--base-font);
margin: 0 8px;
padding: 5px;
transition: all 0.3s ease-in-out;
}

.pagi-link.current,
.pagi-link:hover {
background: var(--black);
color: var(--white);
}

.pagi-link.prev img,
.pagi-link.next img {
width: 100%;
transition: all 0.3s ease-in-out;
}

.pagi-link.prev,
.pagi-link.next {
width: 40px;
height: 40px;
border: none;
padding: 13px;
}

.pagi-link.prev:hover img,
.pagi-link.next:hover img {
filter: brightness(0) invert(1);
}

.pagination {
margin-top: 60px;
justify-content: center;
align-items: center;
}

.strain-details-menu-list {
padding-left: 0;
margin-bottom: 0;
list-style: none;
display: flex;
align-items: center;
}

.strain-details-menu-list li a {
color: var(--color1);
}

.strain-details-menu-list li {
padding: 0 10px;
position: relative;
}

.strain-details-menu-list li::after {
content: "/";
font-size: 18px;
display: inline-block;
position: absolute;
right: 0;
top: 0;
}

.strain-details-menu-list li:last-child:after {
display: none;
}

.strain-details-menu-list li .active {
color: var(--black);
font-weight: 600;
}

.strain-details-menu {
margin-bottom: 30px;
}

.strain-details-col-left-wrap {
border: 2px solid var(--black);
border-radius: 25px;
padding: 20px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.strain-details-col-left-wrap img {
width: 100%;
}

.strain-details-tag-wrap .tag {
margin-bottom: 0;
}

.strain-details-tag-wrap {
display: flex;
align-items: center;
margin-bottom: 32px;
}

.highlight-box {
padding: 38px;
background-color: #f5f5f5;
border-radius: 25px;
}

.highlight-box-sub-head {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

.highlight-head {
display: flex;
align-items: center;
margin-right: 12px;
}

.emoji-ico {
position: relative;
max-width: 31px;
margin-right: 12px;
flex: 0 0 auto;
}

.emoji-ico::before {
content: "";
position: absolute;
top: -2px;
right: -5px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(94, 216, 54, 0.24);
}

.highlight-head strong {
font-weight: 600;
color: var(--black);
}

.highlight-list ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: -10px 0;
}

.highlight-list > li {
display: flex;
align-items: center;
}

.highlight-list ul li {
padding: 0 10px;
border-right: 1px solid var(--color1);
margin: 10px 0;
}

.highlight-list ul li:first-child {
padding-left: 0;
}

.highlight-list ul li:last-child {
padding-right: 0;
border-right: none;
}

.highlight-list {
margin-bottom: 24px;
}

.highlight-list:last-child {
margin-bottom: 0;
}

.emoji-ico.red::before {
background-color: rgba(255, 0, 0, 0.24);
}

.highlight-list-wrap {
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 32px;
}

.progress-bar-items-cont {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--black);
margin-bottom: 12px;
}

.progress-bar-items-cont p {
margin-bottom: 0;
}

.progress-bar {
z-index: 1;
background-color: var(--white);
width: 100%;
position: relative;
border-radius: 20px;
}

.progress-bar-inn {
background-color: var(--black);
width: 0;
height: 8px;
transition: width 0.4s ease-in-out;
position: relative;
overflow: hidden;
border-radius: 20px;
}

.progress-bar-items {
margin-bottom: 24px;
}

.progress-bar-items:last-child {
margin-bottom: 0;
}

.strain-details-row {
--bs-gutter-y: 30px;
}

.strain-details-row-wrap {
padding-bottom: 80px;
}

.strain-details-desc-wrap p {
line-height: 1.55;
}

.strain-details-desc-wrap h3 {
text-transform: uppercase;
}

.in-left-interviews h3 {
margin-bottom: 30px;
}

.in-join-movement-wrp.in-join-movement-wrp-story .header {
margin-bottom: 20px;
}

.has-story-paragraph-wrp p {
margin-bottom: 15px;
font-size: 20px;
color: var(--color2);
line-height: 1.5;
}

.has-story-paragraph-wrp > *:last-child {
margin-bottom: 0;
}

.has-story-paragraph-wrp {
margin-bottom: 20px;
}

.testemonials-sec {
width: 100%;
}

.testemonial-head h2 {
margin-bottom: 0;
}

.testemonial-head {
text-align: center;
margin-bottom: 40px;
}

.in-testemonial {
border: 4px solid var(--black);
border-radius: 25px;
}

.testemonial-content-wrps {
padding: 40px 35px 60px 40px;
}

.inverted-img-wrp {
max-width: 43px;
margin: -25px 0 0 40px;
display: flex;
justify-content: center;
align-items: center;
}

.inverted-testemonials img {
width: 100%;
}

.testemonialtext-wrp p {
margin-bottom: 15px;
}

.testemonialtext-wrp > *:last-child {
margin-bottom: 0;
}

.testemonialtext-wrp {
margin-bottom: 28px;
}

.name-testemonials h3 {
margin-bottom: 0;
color: var(--color1);
}

.slider-testemonial .in-testemonial-outer {
padding: 15px;
}

.slider-testemonial .splide__list {
margin: 0 -15px !important;
}

.testimonial-slik-btns {
display: flex;
justify-content: center;
align-items: center;
margin-top: 48px;
}

.cooker-testemonial {
max-width: 34px;
width: 100%;
margin: 0 48px;
}

.testemonial-btn {
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
}

.splide__arrow.testemonial-btn.testemonial-next {
transform: rotate(180deg);
}

.testimonial-slik-btns .splide__arrow {
position: static;
background: none;
transform: inherit;
outline: none;
opacity: 1;
}

.splide__arrow.testemonial-btn {
padding: 2px;
border-radius: 50%;
transition: 0.3s all;
}

.splide__arrow.testemonial-btn:hover {
background-color: var(--color2);
}

.be-family-form-outer {
padding: 60px;
background-color: var(--black);
border-radius: 25px;
}

.part-of-family-sec {
width: 100%;
position: relative;
}

.part-family-overlay-wrp {
background: linear-gradient(180deg, #444444 0%, rgba(68, 68, 68, 0) 100%);
opacity: 0.06;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.part-family-head-wrp {
max-width: 525px;
margin: 0 auto 48px auto;
text-align: center;
}

.part-family-para-wrp p {
font-size: 20px;
}

.part-family-para-wrp p a {
font-weight: 600;
}

.part-family-para-wrp p a:hover {
color: var(--color1);
}

.part-family-head-wrp h2 {
text-transform: uppercase;
}

.be-family-form-inner {
display: flex;
flex-wrap: wrap;
margin: -16px;
}

.each-form-field {
padding: 16px;
width: 100%;
}

.each-form-field.each-form-field-small {
width: 33.33%;
}

.be-family-form-inner .each-form-field label {
display: flex;
text-transform: uppercase;
font-size: 16px;
font-family: var(--base-font);
color: var(--white);
margin-bottom: 12px;
}

.be-family-form-inner .each-form-field label span {
color: #ff0000;
}

.be-family-form-inner input {
border-radius: 6px;
background-image: url("images/name-icn.svg");
background-position: center right 16px;
background-repeat: no-repeat;
background-size: 16px;
padding: 13px 40px 13px 16px;
color: var(--white);
font-size: 16px;
height: inherit;
}

.be-family-form-inner input[type="email"] {
background-image: url("images/mail-icn.svg");
}

.be-family-form-inner .media-inpt {
background-image: url("images/insta.svg");
}

.be-family-form-inner .referal-inpt {
background-image: url("images/ticket-icn.svg");
}

.be-family-form-inner input::placeholder {
color: var(--white);
font-size: 16px;
opacity: 1;
}

.be-family-form-inner textarea {
border-radius: 6px;
background-image: url("images/note-icn.svg");
background-position: top 16px right 16px;
background-repeat: no-repeat;
background-size: 16px;
padding-right: 40px;
resize: none;
color: var(--white);
font-size: 16px;
height: inherit;
min-height: 96px;
}

.be-family-form-inner textarea::placeholder {
color: var(--white);
font-size: 16px;
opacity: 1;
}

.be-family-form-inner input[type="submit"] {
background-image: none;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
min-width: 240px;
border-radius: 40px;
font-size: 24px;
color: var(--black);
background-color: var(--white);
font-family: var(--base-font);
text-transform: uppercase;
font-weight: 400;
transition: 0.3s all;
}

.be-family-form-inner input[type="submit"]:hover {
color: var(--white);
background-color: var(--color2);
}

.each-form-field.each-form-field-btn {
display: flex;
justify-content: center;
align-items: center;
}

.giveaway-sec {
width: 100%;
}

.giveway-inr {
width: 100%;
border-radius: 25px;
overflow: hidden;
background-color: var(--black);
}

.col-giveaway-left {
align-self: flex-end;
width: 41%;
}

.col-giveaway-right {
width: 59%;
}

.col-giveaway-left figure {
width: 100%;
height: 100%;
margin-bottom: -15px;
}

.col-giveaway-left figure img {
width: 100%;
}

.give-away-content-wrp {
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: -45px;
position: relative;
}

.ganja-one {
position: absolute;
left: 25px;
top: 97px;
width: 6.6%;
transform: rotate(27deg);
}

.ganja-two {
position: absolute;
right: 4%;
bottom: 19%;
width: 6.6%;
transform: rotate(-12deg);
}

.ganja-three {
position: absolute;
left: 52px;
bottom: 82px;
width: 6.6%;
transform: rotate(16deg);
}

.ganja-circle {
position: absolute;
top: -8%;
right: -15%;
width: 22.8%;
}

.give-away-content-wrp > span {
color: var(--white);
padding: 4px 25px;
background-color: rgba(255, 255, 255, 0.16);
border-radius: 8px;
display: inline-block;
margin-bottom: 33px;
}

.give-away-content-wrp h2 {
color: var(--white);
text-transform: uppercase;
font-size: 88px;
}

.give-away-content-wrp h2 span {
background-color: var(--white);
color: var(--black);
}

.give-away-para-wrp {
max-width: 600px;
}

.give-away-para-wrp p {
font-size: 20px;
margin-bottom: 15px;
color: var(--white);
}

.give-away-para-wrp > *:last-child {
margin-bottom: 0;
}

.row.row-giveway {
--bs-gutter-x: 0;
}

.latest-interviews.latest-interviews-last .interview-text-wrp {
max-width: 650px;
}

.map-sec {
width: 100%;
padding-bottom: 100px;
}

.map-wrp {
border-radius: 24px;
width: 100%;
height: 100%;
max-height: 644px;
margin-bottom: 0;
overflow: hidden;
background-color: var(--black);
}

.map-wrp img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}

.store-location-sec {
width: 100%;
padding: 100px 0;
background-color: #f5f5f5;
}

.store-location-head {
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
}

.store-location-head h2 {
margin-bottom: 0;
}

.each-splide-card {
border: 2px solid var(--black);
border-radius: 25px;
display: flex;
flex-direction: column;
height: 100%;
}

.each-splide-card .top-part-store {
flex-grow: 1;
}

.each-splide-card .top-part-store h3 {
font-size: 32px;
margin-bottom: 20px;
text-transform: uppercase;
}

.store-location-para-wrp p {
margin-bottom: 18px;
}

.store-location-para-wrp > *:last-child {
margin-bottom: 0;
}

.store-location-para-wrp {
max-width: 166px;
}

.top-part-store {
padding: 30px 23px 30px 23px;
}

.bottom-part-store {
min-height: 109px;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 23px 18px 23px;
}

.bottom-part-store p {
color: var(--black);
}

.store-location-splide .each-store-splide {
padding: 0 16px;
}

.store-location-splide .splide__list {
margin: 0 -16px;
}

.store-location-slik-btns {
display: flex;
justify-content: center;
align-items: center;
margin-top: 48px;
}

.store-location-btn {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
padding: 2px;
border-radius: 50%;
transition: 0.3s all;
background: none;
opacity: 1;
}

.store-location-btn:hover {
background: var(--color2);
}

.splide__arrow.store-location-btn.splide__arrow--prev.store-location-prev {
position: static;
transform: none;
}

.splide__arrow.store-location-btn.splide__arrow--next.store-location-next {
position: static;
transform: rotate(180deg);
}

.progress-bar-items-cont p:first-child {
padding-right: 12px;
}

.strain-details-menu-list li a:hover {
color: var(--secondary-color);
}

.ganja-img {
display: none;
}

/*--animation--start--*/
[data-reveal] > * {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}

[data-reveal] .play-reveal {
opacity: 1;
transform: translateY(0px);
transition-delay: calc(20ms + (50ms * var(--char-index)));
}

[data-this-reveal] {
opacity: 0;
transform: translateY(30px);
transition: all 0.5s ease-out;
}

[data-this-reveal].play-reveal {
opacity: 1;
transform: translateY(0px);
}

[data-draw-anim] [data-draw-image],
[data-draw-anim] [data-draw-content],
[data-draw-anim] [data-draw-shapes] {
opacity: 0;
}

/*--animation--end--*/

/* pro 27-6-25 start */
.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.ginput_container
input {
height: 3vw;
font-size: 1vw;
padding: 0.8vw 2.81vw 0.8vw 1vw;
border-radius: 0.38vw;
color: var(--white);
border: 0.1vw solid var(--white);
background-repeat: no-repeat;
background-position: right 1vw center;
background-size: 1vw;
background-color: transparent;
width: 100%;
font-family: var(--base-font);
}

.custom_modal .gform_wrapper.gform-theme.gform-theme--foundation .gform_fields {
row-gap: 2vw;
font-family: var(--base-font);
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.input_container
label {
display: block;
margin-bottom: 0.94vw;
font-size: 1vw;
color: var(--white);
text-transform: uppercase;
font-weight: 400;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer
input[type="submit"].gform_button.button {
border-radius: 2.5vw;
height: 3.5vw;
width: 15vw;
font-size: 1.5vw;
color: var(--black);
background: var(--white);
box-shadow: 0 0 0 0 var(--white);
padding: 0.5vw 2vw;
text-transform: uppercase;
font-weight: 700;
font-family: var(--base-font);
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer
input[type="submit"].gform_button.button:hover {
background-color: var(--black);
color: var(--white);
box-shadow: 0 0 0 0.15vw var(--white);
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer {
margin-top: 2vw;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.input_container
label
span {
font-size: 16px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform_validation_errors {
display: none;
}

/* pro 27-6-25 end */

/* Ad CSS */

#menu-item-368 a {
white-space: nowrap;
}

a.article_link:hover {
color: inherit;
}

.custom_modal .ginput_recaptcha .grecaptcha-badge {
right: 0 !important;
}

.be-family-form-inner input[type="password"] {
background-image: none;
}

.be-family-form-inner .each-form-field label.error {
color: red;
font-size: 14px;
margin-bottom: 0;
margin-top: 7px;
}

.vendor-toast {
position: fixed;
top: 20px;
right: 20px;
background: #e74c3c;
color: #fff;
padding: 12px 20px;
border-radius: 5px;
font-size: 15px;
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 9999;
}

.vendor-toast.show {
opacity: 1;
transform: translateY(0);
}

.filter-inner option {
color: #000;
}

.ss_list li .insta {
width: 38px;
height: auto;
}

.drop {
position: relative;
}

.drop select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
border-radius: 6px;
color: var(--white);
font-size: 16px;
/* position: relative !important; */
}

.drop::after {
content: "";
right: 35px;
top: 71px;
width: 16px;
height: 16px;
background: url("images/arr-wh.svg") no-repeat center center;
background-size: 17px;
position: absolute;
}

.drop select option {
color: var(--black);
}

/* Ad CSS */

.landscape-message-block {
z-index: 9999999;
background-color: #fff;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
overflow: auto;
}

.landscape-msg-box {
width: 500px;
padding: 25px;
}

.landscape-msg-cont {
text-align: center;
}

.landscape-msg-cont img {
width: 100px;
margin-left: auto;
margin-right: auto;
}

.landscape-msg-cont p {
color: var(--black-color);
margin-top: 1.04vw;
}

.error-404 .page-title {
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
}

.error-404 .page-content p {
text-align: center;
}

.error-page-frm-main {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 25px;
}

.error-page-frm-block {
max-width: 450px;
width: 100%;
flex: 0 0 auto;
margin-right: 25px;
}

.error-page-btn-wrppr {
flex: 0 0 auto;
}

.error-page-frm-block form {
display: flex;
flex-wrap: wrap;
}

.error-page-frm-block form label {
flex: 1;
padding-right: 20px;
}

.error-page-frm-block form .search-submit {
min-width: 150px;
flex: 0 0 auto;
height: inherit;
background-color: var(--black);
padding: 12px 20px;
color: var(--white);
font-family: var(--base-font);
font-size: 20px;
border-radius: 40px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-style: normal;
line-height: 1.3;
transition: all 0.3s ease;
}

.error-page-frm-block form .search-submit:hover {
background-color: var(--color1);
color: var(--white);
}

.error-page-frm-block form label input {
border: 1px solid var(--black);
border-radius: 40px;
padding: 15px 25px;
width: 100%;
transition: 0.3s all;
}

.error-page-frm-block form label input:focus,
.error-page-frm-block form label input:focus-visible {
box-shadow: none;
outline: none;
border-color: var(--color2);
}

.error-page-btn-wrppr .cmn-btn {
background-color: var(--black);
padding: 12px 24px;
color: var(--white);
font-family: var(--base-font);
font-size: 24px;
border-radius: 40px;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 180px;
}

.error-page-btn-wrppr .cmn-btn:hover {
background-color: var(--color1);
color: var(--white);
}

.menu_item_wrapper {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.my-custom-menu {
display: inline-flex;
align-items: center;
margin: 0 -10px;
}
.toggle_nav_menu {
display: none;
}
.my-custom-menu li {
margin: 0 10px;
}

.my-custom-menu li a {
font-family: var(--base-font);
text-align: center;
text-transform: uppercase;
position: relative;
color: var(--black);
padding: 5px;
display: inline-block;
}

.my-custom-menu li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
transform: scaleY(0);
width: 100%;
height: 100%;
background-color: var(--black);
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: -1;
transform-origin: bottom center;
}
.my-custom-menu li.current-menu-item {
order: -1;
}
.my-custom-menu li a:hover,
.my-custom-menu li.current-menu-item a {
color: var(--white);
}
.my-custom-menu li.current-menu-item a:before,
.my-custom-menu li a:hover::before {
transform: scaleY(1);
}

.culture_item_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}

.culture_item_wrapper {
height: 100%;
}

.navbar-collapse .navbar-toggler {
display: none;
}

#navoverlay {
display: block;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
margin: 0;
padding: 0;
z-index: 99;
-webkit-transition: background-color 0.5s linear;
-o-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}

.navbar-toggler {
display: none;
}
.video_box video{
  object-fit: contain;
}
.video_box .bg-video {
    object-fit: cover;
    filter: blur(20px);
}


.row{
  justify-content: center !important;
}


#tawkchat-minified-wrapper,
#tawkchat-status-text-container,
#tawkchat-container {
    display: none !important;
}



/* ========== responsive css =========== */
@media (min-width: 1400px) {
.container {
max-width: 1264px;
}
}

@media (min-width: 1601px) {
.card_height {
padding-top: 115%;
}

.cartoonbox {
width: 10.5vw;
}
}

@media (max-width: 1600px) {
.loader_timer {
width: 16.75vw;
}

.flip-box-back .inner .card_img img {
border-radius: 14px;
}
}

@media (max-width: 1399px) {
.give-away-content-wrp h2 {
font-size: 78px;
}
}

@media (max-width: 1366px) {
.magnet_cursor span {
font-size: 18px;
}

.magnet_cursor.tooltip {
width: 120px;
height: 120px;
}

.nav_btn i {
width: 40px;
}

.cartoonbox {
width: 11vw;
}

.cc_box {
padding-bottom: 15px;
}

.input_container label {
margin-bottom: 12px;
font-size: 16px;
}

.input_container input[type="text"],
.input_container input[type="email"] {
height: 42px;
font-size: 16px;
padding: 8px 40px 8px 16px;
border-radius: 8px;
border: 1px solid var(--white);
background-position: right 16px center;
background-size: 16px;
}

.modal_form input[type="submit"] {
border-radius: 30px;
height: 50px;
width: 180px;
font-size: 22px;
padding: 8px 30px;
}

.modal_close {
width: 30px;
height: 30px;
padding: 8px;
margin: 15px;
}

.modal_container {
max-width: 500px;
}

.modal_content {
border-radius: 30px;
padding: 45px 55px 40px;
}

.modal_header h2 {
font-size: 42px;
margin-bottom: 22px;
}

.modal_header {
margin-bottom: 25px;
font-size: 16px;
}

.input_container {
margin-bottom: 18px;
}

.media_slider .splide__arrow--next {
right: -45px;
}

.media_slider .splide__arrow--prev {
left: -45px;
}
}

@media (max-width: 1280px) {
.media_slider .splide__arrow--next {
right: 0;
}

.media_slider .splide__arrow--prev {
left: 0;
}

.cmn-gap {
padding: 100px 0;
}

.latest-interviews {
padding: 100px 0 90px 0;
}

.flip-box-back .inner .card_img img {
border-radius: 11px;
}
}

@media (max-width: 1199px) {
/* .culture_slider .splide__arrow--prev {
left: 20px;
}
.culture_slider .splide__arrow--next {
right: 20px;
} */

.cst_control_sl .splide__arrow + .splide__arrow {
margin-left: 12px;
}

.social_list a,
.splide_slider .splide_item,
.roll_section:not(.bottom) .splide_slider .splide_item {
font-size: 14px;
}

.social_list a {
padding: 5px 15px;
}

.social_sec {
height: 35px;
}

.footer {
bottom: 35px;
}

.card_height {
padding-top: 142%;
}

.wheel__card {
max-width: 20.88vw;
}

.ss_arrow {
width: 30px;
height: 30px;
padding: 6px;
}

.midle_box {
width: 40px;
margin: 0 30px;
}

.flip-box-header {
font-size: 22px;
}

.main-head {
padding: 8px 0;
}

.container-fluid {
--bs-gutter-x: 20px;
}

.chat {
margin: 15px;
width: 50px;
bottom: 35px;
}

.navbar-brand {
max-width: 140px;
}

.nav_explore {
font-size: 18px;
padding: 12px 25px;
min-width: 115px;
}

.after_splash_video {
padding: 82px 15px 30px;
}

.wheel {
margin-top: 40vh;
}

.roll_section:not(.bottom) .splide_slider .splide_item {
padding: 8px 12px 8px 8px;
}

.roll_section:not(.bottom) .splide_slider .splide_item:after {
width: 8px;
height: 8px;
}

.cmn-gap {
padding: 80px 0;
}

.banner_inner {
min-height: 400px;
}

.banner_title h1 {
font-size: 80px;
}

.header h2 {
font-size: 50px;
margin-bottom: 30px;
}

.header h2 + h3 {
margin: 20px 0;
}

.vdo_play img {
max-width: 70px;
}

.card_content h3 {
font-size: 30px;
}

h3 {
font-size: 30px;
}

.row {
--bs-gutter-y: 10px;
}

.mission_value_sec .crd_img {
max-width: 90px;
margin: 0 auto 32px;
}

.meet_founder_Sec .card_col {
margin-bottom: 0;
}

.large_para {
margin-top: 40px;
}

.farm-bdr {
bottom: -45%;
}

.latest-interviews {
padding: 80px 0;
}

.in-left-interviews {
padding-right: 0;
}

.interview-text-wrp p {
font-size: 18px;
}

.in-join-movement {
padding: 80px;
}

h2,
.h2 {
font-size: 50px;
margin-bottom: 20px;
}

.in-left-interviews h3 {
margin-bottom: 20px;
}

.archive-card {
padding: 27px;
}

.give-away-content-wrp h2 {
font-size: 68px;
}

.error-404 .page-title {
font-size: 80px;
}

.error-page-btn-wrppr .cmn-btn {
padding: 10px 20px;
font-size: 20px;
min-width: 150px;
}

.error-page-frm-block form .search-submit,
.error-page-frm-block form label input {
padding: 10px 20px;
}

.my-custom-menu li {
margin: 0 16px;
}
}

@media (max-width: 1080px) {
.wheel_wrapper {
transform: rotate(-90deg);
}

.wheel {
--w_size: 380vw;
/* margin-top: -5%; */
left: calc(-190% - 15vh);
transform: none;
margin-top: -40%;
}

.flip-box {
transform: translateX(150%);
}

.wheel__card {
/* max-width: 24.5vw; */
max-width: 19.5vw;
}

.splash_box img.pow {
width: 300vw;
}

.cartoonbox {
left: 15px;
width: 120px;
}

.cc_controls {
padding: 35px 15px;
position: fixed;
right: 0;
width: auto;
top: 0;
height: 100%;
flex-direction: column;
}

.midle_box {
margin: 30px 0;
}

.ss_arrow {
transform: rotate(90deg);
}

.nav_btn {
font-size: 16px;
}

.flip-box .flip-box-front .inner {
padding: 15px 12px;
}

.flip-box-front .inner .card_img {
padding: 15px 0;
}

.flip-box-back .inner .card_img img {
border-radius: 10px;
}

.flip-box-front,
.flip-box-back {
border: 3px solid var(--black);
border-radius: 12px;
}

.loader_timer {
width: 150px;
}

.timer_box {
font-size: 40px;
}

.repeat_img {
width: 560px;
}

.loader_images img {
width: 400px;
}

.splash_box img {
width: 60vw;
}

.finalImg {
width: 150px;
}

.social_list {
max-width: 600px;
}

.order-lg-2 {
width: 100%;
}

.order-lg-1 {
width: 100%;
}

.cc_hover_box {
opacity: 1;
position: static;
transform: none;
border: 4px solid var(--black);
}

.circle_box_wrapper {
width: 100%;
}

.circle_box {
display: none;
}

.cc_hover_box {
margin-bottom: 40px;
}

.middle_cc_col .circle_box_wrapper {
margin: 0;
}

.ganja-img {
display: block;
height: 80%;
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
opacity: 0.05;
pointer-events: none;
}

.bottom_cc_col .circle_box_wrapper {
margin-bottom: -40px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.input_container
label {
margin-bottom: 5px;
font-size: 14px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.ginput_container
input {
height: 45px;
font-size: 14px;
padding: 8px 40px 8px 15px;
border-radius: 8px;
border: 1px solid var(--white);
background-position: right 10px center;
background-size: 15px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer {
margin-top: 10px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform_fields {
row-gap: 10px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer
input[type="submit"].gform_button.button {
border-radius: 30px;
height: 45px;
width: 150px;
font-size: 16px;
padding: 10px 20px;
}

.custom_modal .modal_form .gform_heading {
display: none;
}

.roll_section {
pointer-events: none !important;
}
.wheel__card,
.flip-box >*{
pointer-events: none;
}
.flip-box{
pointer-events: all;
}

.flip-box:hover .flip-box-front {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.flip-box:hover .flip-box-back{
display:none;
}
}

@media (max-width: 991px) {
.cst_control_sl {
padding-left: 15px;
}

.culture_item {
padding: 0 12px;
}

.row.row-blogs-yt {
--bs-gutter-x: 0;
}

.col-blogs-yt {
width: 100%;
}

.chat {
margin: 35px 15px;
width: 40px;
}

.flip-box-front,
.flip-box-back {
border-radius: 20px;
}

.flip-box-header {
font-size: 21px;
}

/* sp starts */

.cc_hover_box {
left: 0;
min-width: inherit;
padding: 30px;
}

.header {
font-size: 18px;
}

.meet_founder_Sec .header p {
font-size: 18px;
}

.cc_col,
.cc_hover_box {
pointer-events: all;
}

.large_para {
font-size: 18px;
}

.header {
margin-bottom: 30px;
}

.news_box {
max-height: 500px;
}

.news_box {
margin-bottom: 32px;
}

.news_box:last-child {
margin-bottom: 0;
}

.btn_wrapper {
margin-top: 40px;
}

.in-join-movement {
padding: 60px;
}

.footer-cmn-col.footer-col-left {
max-width: inherit;
}

.farm-col-left {
width: 100%;
}

.farm-col-rgt {
width: 100%;
}

.farm-col-rgt-wrap {
max-width: inherit;
}

.farm-col-left-wrap-outer {
max-width: 500px;
margin: 0 auto;
}

.farm-row-outer {
margin-bottom: 150px;
}

.farm-bdr {
bottom: -28%;
}

.col-left-interviews {
width: 100%;
}

.col-right-interviews {
width: 100%;
}

.in-right-interviews {
max-width: 500px;
margin: 0 auto;
}

.row.row-interviews {
flex-direction: column-reverse;
}

.has-story-paragraph-wrp p {
font-size: 18px;
}

.testemonial-content-wrps {
padding: 20px;
}

.part-family-para-wrp p {
font-size: 18px;
}

.each-form-field.each-form-field-small {
width: 100%;
}

.part-family-head-wrp {
margin: 0 auto 30px auto;
}

.be-family-form-outer {
padding: 40px;
}

.be-family-form-inner input[type="submit"] {
min-width: 200px;
}

.header h2 {
font-size: 44px;
}

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

.shape-movement {
opacity: 0.5;
}

.has-story-paragraph-wrp p br {
display: none;
}

.archive-col {
width: 50%;
}

.row.archive-row {
justify-content: center;
}

.strain-details-col-left {
width: 100%;
}

.strain-details-col-rgt {
width: 100%;
}

.strain-details-col-left-wrap {
max-width: 500px;
margin: 0 auto;
}

.col-giveaway-left {
width: 100%;
}

.col-giveaway-right {
width: 100%;
}

.row.row-giveway {
flex-direction: column-reverse;
}

.col-giveaway-left figure {
max-width: 400px;
margin: 0 auto;
}

.give-away-content-wrp {
margin-left: 0;
padding: 80px 0 0;
}

.store-location-sec {
padding: 80px 0;
}

.store-location-para-wrp {
max-width: inherit;
}

.map-sec {
padding-bottom: 80px;
}

/* sp ends */
.farm-row-outer:nth-child(odd) .farm-row .farm-col-rgt-wrap .farm-ico-wrap {
margin-left: 0;
margin-right: auto;
}

.farm-row-outer:nth-child(odd) .farm-row .farm-col-rgt-wrap {
text-align: left;
}

.error-page-frm-main {
padding-top: 10px;
}

/* July 24 */
.footer-cmn-col.footer-col-mid {
max-width: 67%;
}

.footer-cmn-col.footer-col-right {
max-width: 33%;
}

.in-footer-mid ul > *:nth-child(odd) {
width: 48%;
}

.stick.open {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
background: transparent;
}

.stick,
.stick:after,
.stick:before {
width: 30px;
height: 3px;
background: var(--color1);
position: absolute;
left: 0;
top: auto;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
border-radius: 5px;
}

.stick.open:before {
-webkit-transform: rotate(45deg) translate(42px, -28px);
-ms-transform: rotate(45deg) translate(42px, -28px);
transform: rotate(45deg) translate(42px, -28px);
left: 2px;
}

.stick:before {
content: "";
top: -10px;
left: 0;
}

.stick.open:after {
-webkit-transform: rotate(-45deg) translate(42px, 28px);
-ms-transform: rotate(-45deg) translate(42px, 28px);
transform: rotate(-45deg) translate(42px, 28px);
left: 2px;
}

.stick:after {
content: "";
top: 10px;
left: 0;
}

.navbar-collapse .navbar-toggler {
display: block;
right: 20px;
top: 20px;
position: absolute;
}

.navbar-toggler {
position: relative;
width: 33px;
margin-left: 20px;
height: 28px;
padding: 0;
outline: none !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.navbar-collapse {
background: var(--light-blue);
position: fixed;
top: 0;
height: 100% !important;
width: 290px;
overflow-y: auto;
-webkit-transition: inherit !important;
-o-transition: inherit !important;
transition: inherit !important;
right: 0;
margin: 0;
display: block !important;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform 0.2s ease-in-out !important;
-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
transition: -webkit-transform 0.2s ease-in-out !important;
-o-transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
z-index: 100;
}

/* ul#menu-global-menu {
display: none;
} 

.my-custom-menu {
flex-direction: column;
align-items: flex-start;
margin: 80px 0 0;
padding: 0 0 40px 0;
}

.my-custom-menu li {
margin: 0;
width: 100%;
}

.my-custom-menu li a {
display: block;
padding: 10px 20px;
}

.navbar-collapse.show,
.navbar-collapse.collapsing {
display: block !important;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: transform 0.2s ease-in-out !important;
-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
transition: -webkit-transform 0.2s ease-in-out !important;
-o-transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
}


.navbar-collapse.show .stick:after {
-webkit-transform: rotate(-45deg) translate(42px, 28px);
-ms-transform: rotate(-45deg) translate(42px, 28px);
transform: rotate(-45deg) translate(42px, 28px);
left: 2px;
}

.navbar-collapse.show .stick:before {
-webkit-transform: rotate(45deg) translate(42px, -28px);
-ms-transform: rotate(45deg) translate(42px, -28px);
transform: rotate(45deg) translate(42px, -28px);
left: 2px;
}

.navbar-collapse .navbar-toggler {
display: block;
right: 20px;
top: 20px;
position: absolute;
}

.navbar-collapse.show .stick {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
background: transparent;
}

.my-custom-menu li a::before {
display: none;
}

.my-custom-menu li a:hover,
.menu-item.current_page_item a {
background-color: var(--color1);
color: var(--white) !important;
}*/

.navbar-toggler {
display: block;
}

button.navbar-toggler.navbar-toggler-main {
order: 3;
}
.my-custom-menu li a::before {
height: 1px;
z-index: 1;
}
.menu_item_wrapper {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
height: 35px;
overflow: hidden;
align-items: flex-start;
padding-right: 10px;
white-space: nowrap;
}
.menu_item_wrapper .my-custom-menu {
flex-direction: column;
justify-content: center;
background-color: var(--white);
border-radius: 8px;
margin: 0;
}
.my-custom-menu li a:hover,
.my-custom-menu li.current-menu-item a {
color: var(--black);
}
.my-custom-menu li {
margin: 0;
display: block;
width: 100%;
}
.toggle_nav_menu {
position: absolute;
right: -2px;
top: 4px;
width: 100%;
height: 35px;
display: block;
padding: 0px 0px 10px 0px;
z-index: 2;
cursor: pointer;
}
.toggle_nav_menu img {
pointer-events: none;
width: auto;
height: 100%;
object-fit: contain;
display: block;
margin-left: auto;
transition: transform 0.3s ease;
}
.my-custom-menu li a {
width: 100%;
display: block;
padding: 6px 12px;
}
.menu_item_wrapper.active .toggle_nav_menu img {
transform: rotate(-180deg);
}
}

@media (max-width: 767px) {
.drop::after {
right: 34px;

background-size: 15px;
top: 65px;
}

/* images alignment for wordpress content pages */
.alignright,
.alignleft,
.aligncenter {
float: none;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
clear: both;
margin-bottom: 24px;
}

.flip-box-front,
.flip-box-back {
border-radius: 15px;
}

.culture_item {
padding: 0 6px;
}

.wheel__card {
/* max-width: 29.5vw; */
max-width: 25.5vw;
}

.wheel {
--w_size: 500vw;
left: calc(-255% - 15vh);
}

.media_item_inner figure {
height: 300px;
}

.cst_control_sl .splide__arrow {
width: 42px;
height: 42px;
}

.media_slider .splide__arrow {
width: 42px;
height: 42px;
top: calc(300px / 2);
}

.loader_images {
width: 300px;
}

.splash_box img {
width: 72vw;
}

.nav_btn i {
width: 30px;
}

/* spa starts */

.cmn-gap {
padding: 60px 0;
}

.header h2 {
font-size: 38px;
margin-bottom: 20px;
}

h3 {
font-size: 24px;
}

.brand_sec .header {
max-width: inherit;
}

.mission_value_sec .crd_img {
max-width: 70px;
}

.card_content h3 {
font-size: 24px;
}

.meet_founder_Sec .header p {
font-size: 16px;
}

.header {
font-size: 16px;
}

.box_card .crd_img {
width: 220px;
height: 220px;
margin: 0 auto;
}

.box_card .card_content h3 {
margin-bottom: 20px;
}

.box_card_content {
margin-bottom: 30px;
}

.card_inner.box_card {
padding: 30px;
}

.large_para {
font-size: 16px;
}

:root {
--font-size: 16px;
}

.culture_item {
width: 50%;
}

.culture_item {
padding: 0 10px;
}

.cc_hover_box {
padding: 20px;
}

.media_content h3 {
font-size: 28px;
}

.news_panel_large .news_content {
padding: 30px;
}

.news_box {
max-height: 420px;
}

.header h2 {
font-size: 32px;
}

.in-join-movement .header .h3 {
font-size: 24px;
}

.in-join-movement {
padding: 50px;
}

.circle_box {
font-size: 16px;
}

.circle_box figure {
max-width: 66px;
}

.norm.nav_explore {
font-size: 18px;
min-width: 120px;
}

.main-footer {
padding: 60px 0 40px 0;
}

.banner_title h1 {
font-size: 70px;
}

.footer-logo {
max-width: 180px;
}

.farm-bdr {
left: 27%;
width: 45%;
bottom: -30%;
}

.farm-col-left-wrap-outer {
max-width: 420px;
}

.farm-col-rgt-wrap h4 {
font-size: 28px;
}

.latest-interviews {
padding: 60px 0;
}

.in-join-movement {
padding: 40px;
}

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

.interview-text-wrp p {
font-size: 16px;
}

.has-story-paragraph-wrp p {
font-size: 16px;
}

.testimonial-slik-btns {
margin-top: 30px;
}

.cooker-testemonial {
margin: 0 30px;
}

.part-family-para-wrp p {
font-size: 16px;
}

.be-family-form-inner input[type="submit"] {
font-size: 20px;
min-width: 150px;
}

.filter-inner select {
min-width: 150px;
}

.archive-card {
padding: 25px;
}

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

.highlight-box {
padding: 20px;
}

.highlight-box-sub-head {
margin-bottom: 20px;
padding-bottom: 20px;
}

.highlight-list-wrap {
margin-bottom: 20px;
padding-bottom: 20px;
}

.strain-details-row-wrap {
padding-bottom: 60px;
}

.give-away-content-wrp {
padding: 60px 10px 0;
}

.give-away-content-wrp h2 {
font-size: 58px;
}

.give-away-para-wrp p {
font-size: 16px;
}

.give-away-content-wrp > span {
margin-bottom: 20px;
}

.store-location-sec {
padding: 60px 0;
}

.map-sec {
padding-bottom: 60px;
}

.error-404 .page-title {
font-size: 70px;
}

.error-page-btn-wrppr .cmn-btn {
padding: 10px 17px;
font-size: 18px;
min-width: 130px;
}

.error-page-frm-block {
max-width: 100%;
margin-right: 0;
margin-bottom: 15px;
}

/* July 24 */
.footer-cmn-col.footer-col-mid {
max-width: 61%;
}

.footer-cmn-col.footer-col-right {
max-width: 39%;
}

.in-footer-mid ul > *:nth-child(odd) {
width: 43%;
}

.in-footer-mid ul > *:nth-child(even) {
width: 57%;
}
.menu_item_wrapper {
top: 10px;
}
}

@media (max-width: 575px) {
.each-form-field {
padding: 10px;
}

.testemonial-head {
margin-bottom: 20px;
}

[data-control-arrow].header {
flex-direction: column;
align-items: flex-start;
}

.cst_control_sl {
margin-top: 15px;
}

.splash_box img:not(.pow) {
width: 300vw;
}

.farm-ico-wrap {
margin-bottom: 15px;
}

.in-footer-mid ul li,
.in-footer-right ul li {
margin-bottom: 15px;
}

.cmn-footer-head {
margin-bottom: 20px;
}

.footer-top-part {
padding-bottom: 30px;
}

.footer-bottom-part p {
margin-bottom: 15px;
font-size: 14px;
}

.modal_content {
border-radius: 30px;
padding: 36px 45px 40px;
}

.modal_header h2 {
font-size: 36px;
margin-bottom: 12px;
}

.input_container input[type="text"],
.input_container input[type="email"] {
height: 45px;
padding: 8px 35px 8px 10px;
background-position: right 10px center;
background-size: 14px;
}

.modal_form input[type="submit"] {
height: 48px;
width: 150px;
font-size: 18px;
padding: 8px 30px;
}

.popup_overlay {
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: none;
}

.repeat_img {
width: 460px;
}

.wheel {
--w_size: 600vw;
left: calc(-330% - 15vh);
/* margin-top: -4.5%;  */
margin-top: -55%;
}

.video_overlay {
width: 40%;
height: auto;
min-width: 180px;
}

.wheel__card {
/* max-width: 37.5vw; */
max-width: 30.5vw;
}

.flip-box .flip-box-front .inner {
padding: 8px 8px;
}

.flip-box-header {
font-size: 18px;
}

.in-join-movement {
padding: 40px;
}

.news_box {
max-height: inherit;
}

.news_panel_small .news_inner {
flex-direction: column;
}

.culture_item {
width: 65%;
}

.media_slider {
margin: 0 -10px;
}

.row {
--bs-gutter-x: 0;
}

.archive-img-wrap {
margin: 0 auto 20px;
overflow: hidden;
}

.row.archive-row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}

.archive-card {
padding: 14px;
}

.give-away-content-wrp h2 {
font-size: 48px;
}

.row.row-interviews {
--bs-gutter-x: 0;
}

.featured-interview-wrp {
height: 350px;
}

.inter-viewing-content-wrp {
padding: 24px;
}

.pagi-link {
width: 32px;
height: 32px;
border: 1px solid var(--black);
font-size: 18px;
margin: 0 4px;
padding: 3px;
}

.pagi-link.prev,
.pagi-link.next {
width: 30px;
height: 30px;
padding: 10px;
}

.banner_title h1 {
font-size: 52px;
}

.media_content h3 {
margin-bottom: 5px;
}

.news_panel_small .news_content {
padding: 25px 12px;
}

.news_list li + li {
margin-top: 10px;
}

.rank.large_para {
margin-top: 20px;
margin-bottom: 10px;
}

.vdo_box {
border-radius: 15px;
}

.header:not(.center) {
padding-right: 0;
}

.error-404 .page-title {
font-size: 52px;
}

/* July 24 */
.in-footer-mid ul li,
.in-footer-right ul li {
font-size: 14px;
}

.cmn-footer-head p {
font-size: 20px;
}

.cst_control_sl .splide__arrow {
width: 32px;
height: 32px;
}

.culture_sec .header {
display: block;
text-align: center;
}
.menu_item_wrapper {
margin-left: 8%;
}
}

@media only screen and (max-height: 575px) and (orientation: landscape) {
.landscape-message-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}

@media (max-width: 479px) {
.modal_content {
border-radius: 20px;
padding: 36px 25px 40px;
}

.modal_form input[type="submit"] {
height: 42px;
width: 130px;
font-size: 16px;
padding: 8px 30px;
}

.cmn-gap {
padding: 40px 0;
}

.vdo_play img {
max-width: 50px;
}

.card_inner.box_card {
padding: 20px;
}

.box_card .crd_img {
width: 180px;
height: 180px;
}

.social_ft_list a {
font-size: 16px;
padding: 12px;
}

.footer-bottom-part p {
margin-bottom: 15px;
}

.footer-top-part {
padding-bottom: 14px;
}

.in-footer-mid ul li {
margin-bottom: 15px;
}

.footer-logo {
max-width: 160px;
margin-bottom: 20px;
}

.main-footer {
padding: 40px 0;
}

.cmn-footer-head {
margin-bottom: 15px;
}

.in-footer-right ul li {
margin-bottom: 15px;
}

.in-footer-left address {
margin-bottom: 0;
}

.farm-row-outer {
margin-bottom: 110px;
}

.latest-interviews {
padding: 40px 0;
}

h2,
.h2 {
margin-bottom: 15px;
}

.cc_hover_box h4 {
font-size: 28px;
}

.be-family-form-outer {
padding: 30px;
}

.row.row-interviews {
--bs-gutter-x: 0;
}

.archive-col {
width: 100%;
}

.archive-card {
padding: 30px;
}

.archive-img-wrap {
max-width: 200px;
/* max-height: 200px; */
}

.archive-card h3 {
font-size: 28px;
}

.filter-main {
flex-direction: column;
}

.filter-wrap {
margin: 20px auto 0 auto;
}

.highlight-list > li {
flex-direction: column;
align-items: flex-start;
}

.highlight-head {
margin: 0 0 15px 0;
}

.strain-details-row-wrap {
padding-bottom: 40px;
}

.give-away-content-wrp h2 {
font-size: 38px;
}

.give-away-para-wrp p {
font-size: 14px;
}

.store-location-sec {
padding: 40px 0;
}

.map-sec {
padding-bottom: 40px;
}

.flip-box-front .card_img {
height: 80%;
}

.flip-box-back .card_img {
height: 100%;
}

.error-page-frm-block form {
flex-direction: column;
}

.error-page-frm-block form label {
padding-right: 0;
margin-bottom: 12px;
}

.error-page-btn-wrppr {
width: 100%;
}

.error-page-btn-wrppr .cmn-btn {
width: 100%;
}

/* July 24 */
.footer-cmn-col.footer-col-mid {
max-width: 100%;
}

.footer-cmn-col.footer-col-right {
max-width: 100%;
}

.in-footer-mid ul > *:nth-child(odd),
.in-footer-mid ul > *:nth-child(even) {
width: 50%;
}
}

@media (max-width: 390px) {
:root {
--font-size: 14px;
}

.footer-bottom-part p {
font-size: 14px;
}

.meet_founder_Sec .header p {
font-size: 14px;
}

.header {
font-size: 14px;
}

.large_para {
font-size: 14px;
}

.interview-text-wrp p {
font-size: 14px;
}

.part-family-para-wrp p {
font-size: 14px;
}

.has-story-paragraph-wrp p {
font-size: 14px;
}

.social_ft_list a {
font-size: 14px;
}

.in-join-movement {
padding: 40px 20px;
}

.norm.nav_explore {
min-width: 100px;
font-size: 16px;
}

.news_panel_large .news_content h3 {
font-size: 24px;
}

.news_content .label {
margin-bottom: 7px;
}

.news_panel_large .news_content {
padding: 15px;
}

.news_panel_large .vdo_play.ply_btn img {
max-width: 50px;
}

.media_item_inner figure {
height: 300px;
margin-bottom: 22px;
}

.media_content h3 {
font-size: 24px;
}

.culture_item {
width: 100%;
}

.banner_inner {
min-height: 350px;
}

.banner_title h1 {
font-size: 46px;
}

h3 {
font-size: 22px;
}

.farm-col-rgt-wrap h4 {
font-size: 24px;
}

.pagi-link {
width: 40px;
height: 40px;
flex: 0 0 auto;
margin: 0 4px;
}

.pagination {
margin-top: 40px;
}

.strain-details-menu-list {
align-items: flex-start;
flex-wrap: wrap;
}

.strain-details-menu-list li {
max-width: 60%;
}

.give-away-content-wrp h2 {
font-size: 28px;
}

.culture_slider .splide__track {
padding-left: 0% !important;
padding-right: 8% !important;
}
.menu_item_wrapper {
margin-left: 14%;
}
}

@media (max-width: 991px) and (max-height: 420px) {
.loader_timer {
width: 100px;
}

.navbar-brand {
max-width: 100px;
}

.nav_explore {
font-size: 16px;
padding: 10px 20px;
min-width: 96px;
}

.main-head {
padding: 4px 0;
}

.timer_box {
font-size: 28px;
}

.after_splash_video {
padding: 60px 10px 10px;
}

.repeat_img {
width: 360px;
}

.midle_box {
margin: 16px 0;
width: 30px;
}

.nav_btn i {
width: 30px;
}

.nav_btn {
font-size: 14px;
}

.card_img {
height: 140px;
}

.wheel_wrapper {
/* transform: rotate(-90deg) scale(0.5) translateX(70%); */
transform: rotate(-90deg) scale(0.5);
}

/* .wheel {
margin-top: 15%;
} */

.modal_container {
max-width: 85%;
}

.modal_header h2 {
font-size: 30px;
margin-bottom: 12px;
}

.modal_header {
margin-bottom: 0;
font-size: 14px;
max-width: 40%;
text-align: left;
}

.modal_form {
flex-grow: 1;
padding-left: 32px;
}

.input_container {
margin-bottom: 12px;
}

.input_container label {
margin-bottom: 6px;
font-size: 14px;
}

.input_container input[type="text"],
.input_container input[type="email"] {
height: 36px;
font-size: 14px;
}

.modal_form input[type="submit"] {
height: 40px;
width: 140px;
font-size: 18px;
padding: 8px 20px;
}

.modal_content {
border-radius: 20px;
padding: 18px 45px 18px;
display: flex;
}

.custom_modal {
justify-content: flex-start;
flex-direction: column;
}

.modal_box {
overflow: auto;
padding: 40px 0;
height: 100%;
}

.flip-box-header {
font-size: 30px;
}

.flip-box-front,
.flip-box-back {
border-radius: 30px;
}

.flip-box .inner {
padding-bottom: 12px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.input_container
label {
margin-bottom: 3px;
font-size: 12px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.ginput_container
input {
height: 40px;
font-size: 14px;
padding: 8px 30px 8px 15px;
border-radius: 8px;
border: 1px solid var(--white);
background-position: right 8px center;
background-size: 12px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer {
margin-top: 8px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform_fields {
row-gap: 8px;
}

.custom_modal
.gform_wrapper.gform-theme.gform-theme--foundation
.gform-footer.gform_footer
input[type="submit"].gform_button.button {
border-radius: 30px;
height: 40px;
width: 150px;
font-size: 15px;
padding: 10px 20px;
}

.custom_modal .modal_form .gform_heading {
display: none;
}
}

@media (max-width: 991px) and (max-height: 360px) {
.ss_arrow {
width: 20px;
height: 20px;
padding: 1px;
}

.midle_box {
margin: 12px 0;
width: 22px;
}

.chat {
margin: 25px 15px;
width: 32px;
}
}