/* Top banner */

.TopBanner {
   min-height: 100vh;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 80px 0 0;
   overflow: hidden;
}

.TopBanner:before {
   background: rgb(16 20 24 / 20%);
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100%;
   content: '';
}

img {
   max-width: 100%;
}

/* mouse arrow */

#mouse-scroll span {
   display: block;
   width: 7px;
   height: 6px;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   transform: rotate(45deg);
   border-right: 1px solid var(--clr-white);
   border-bottom: 1px solid var(--clr-white);
   margin: 3px 5px 3px 5px;
}

#mouse-scroll .ArrowOuter {
   margin: auto;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

#mouse-scroll .mouse {
   height: 40px;
   width: 24px;
   border-radius: 30px;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   border: 2px solid var(--clr-white);
   top: 170px;
}

#mouse-scroll .down-arrow-1 {
   margin-top: 6px;
}

#mouse-scroll .down-arrow-1,
#mouse-scroll .down-arrow-2,
#mouse-scroll .down-arrow-3 {
   -webkit-animation: mouse-scroll 1s infinite;
   -moz-animation: mouse-scroll 1s infinite;
}

#mouse-croll .down-arrow-1 {
   -webkit-animation-delay: .1s;
   -moz-animation-delay: .1s;
   -webkit-animation-direction: alternate;
}

#mouse-scroll .down-arrow-2 {
   -webkit-animation-delay: .2s;
   -moz-animation-delay: .2s;
   -webkit-animation-direction: alternate;
}

#mouse-scroll .down-arrow-3 {
   -webkit-animation-delay: .3s;
   -moz-animation-dekay: .3s;
   -webkit-animation-direction: alternate;
}

#mouse-scroll .mouse-in {
   height: 10px;
   width: 2px;
   display: block;
   margin: 10px auto;
   background: var(--clr-white);
   position: relative;
}

#mouse-scroll .mouse-in {
   -webkit-animation: animated-mouse 1.2s ease infinite;
   moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
   0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      transform: translateY(6px);
   }
}

@-webkit-keyframes mouse-scroll {
   0% {
      opacity: 1;
   }

   50% {
      opacity: .5;
   }

   100% {
      opacity: 1;
   }
}

@keyframes mouse-scroll {
   0% {
      opacity: 0;
   }

   50% {
      opacity: 0.5;
   }

   100% {
      opacity: 1;
   }
}

/* mouse arrow end */

.BannerDetails {
   text-align: center;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 50px;
   padding: 30px 0;
}

.BannerDetails h1 {
   font-size: 24px;
   text-transform: uppercase;
   letter-spacing: 10px;
   color: var(--clr-primary-dark);
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 15px;
   flex-wrap: wrap;
}

.BannerDetails h1 p {
   margin: 0;
}

.BannerDetails .mainLogo {
   width: 400px;
}

.BannerDetails .flowerImg {
   max-width: 500px;
}

.ShopBtn {
   padding: 15px 50px;
   background: rgb(255 255 255 / 70%);
   font-size: 24px;
   border: 0;
   letter-spacing: 3px;
   color: var(--clr-dark);
}

.ShopBtn:hover {
   background: rgb(104 116 84 / 70%);
   color: var(--clr-white);
}

.pulse {
   animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
   0% {
      box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
   }

   100% {
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
   }
}

/* Top banner end */

.MissionSection {
   position: relative;
   padding: 100px 0 60px;
   overflow: hidden;
}

.InnerMission {
   background: linear-gradient(90.36deg, var(--clr-dark) 39.29%, var(--clr-primary) 99.68%);
   padding: 80px 30px;
   border-radius: 15px;
   position: relative;
   z-index: 1;
}

.MissionContent {
   max-width: 675px;
   margin: auto;
   text-align: center;
   color: var(--clr-white);
}

.MissionContent .dividerBlock span {
   background: var(--clr-white);
}

.MissionContent .dividerBlock span:last-child {
   width: 20px;
   background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.TopRightImage {
   position: absolute;
   right: 0;
   top: -70px;
   z-index: 9;
}

.leftsticker {
   position: absolute;
   top: 130px;
}

.Rightsticker {
   position: absolute;
   right: 0;
   bottom: 40px;
}

.ProductBagSection {
   position: relative;
   padding-bottom: 30px;
   overflow: hidden;
}

.ProductBagSection:after {
   position: absolute;
   content: '';
   background: #3F653F;
   height: 280px;
   width: 100%;
   bottom: 0;
}

.ProductBagSection .description {
   position: relative;
   z-index: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   color: var(--clr-white);
}

.ProductBagSection .description p {
   margin-bottom: 25px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.ProductImage {
   display: flex;
   justify-content: center;
   position: relative;
   z-index: 1;
}

.ProductCardSwiper .swiper-slide {
   background-position: center;
   background-size: cover;
   width: 230px;
   height: 250;
   border-top: 1px solid var(--clr-primary);
   border-bottom: 1px solid var(--clr-primary);
   background-image:
      linear-gradient(#787c72, var(--clr-primary)),
      linear-gradient(#787c72, var(--clr-primary));
   background-size: 1px 100%;
   background-position: 0 0, 100% 0;
   background-repeat: no-repeat;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ProductCardSwiper .swiper-slide-shadow-right {
   background-image: none !important;
}

.ProductCardSwiper .swiper-3d .swiper-slide-shadow-left {
   background-image: none !important;
}

.ProductCardSwiper .swiper-slide img {
   display: block;
   margin: auto;
}

.ProductImage img {
   width: 100%;
   max-width: 410px;
}

.PremiumFlower {
   min-height: 375px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}

.PremiumContent h2 {
   font-size: 54px;
   font-weight: 800;
   line-height: 81px;
   letter-spacing: 0.01em;
   text-align: center;
   color: var(--clr-white);
   text-transform: uppercase;
   margin: 0;
}

.PremiumContent {
   text-align: center;
   position: relative;
   z-index: 99;
}

.PremiumFlower:after {
   background: linear-gradient(178.99deg, #19200C 0.88%, #232918 47.97%, #647050 99.16%);
   content: '';
   position: absolute;
   width: 100%;
   opacity: 0.6;
   height: 100%;
}

.MainFooter {
   background: var(--clr-dark);
   padding: 60px 0px;
   overflow: hidden;
}

.FootMenu {
   padding: 30px 0px;
}

.FootMenu .navbar-nav {
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
   gap: 15px 40px;
}

.FootMenu .navbar-nav .nav-link {
   color: var(--clr-white);
}

.SubscribeForm {
   width: 100%;
   margin: auto;
}

.SubscribeForm p {
   font-size: 24px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--clr-white);
}

.SubscribeForm .InlineForm {
   max-width: 550px;
   margin: auto;
   position: relative;
   text-align: center;
}

.InlineForm {
   position: relative;
}

button.BtnVerify {
   position: absolute;
   top: 5px;
   right: 5px;
   z-index: 9;
   height: 50px;
}

ul.IconList {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 20px;
   padding-top: 30px;
}

ul.IconList li {
   width: 50px;
   height: 50px;
   min-width: 50px;
   background: var(--clr-white);
   display: flex;
   align-items: center;
   justify-content: center;
}

section.BottomFoot {
   background: var(--clr-dark);
   border-top: 1px solid #252525;
   padding: 20px 0px;
}

section.BottomFoot .nav-link {
   color: var(--clr-white);
}

.copyright p {
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   letter-spacing: 0em;
   text-align: right;
   color: var(--clr-white);

}

/* ul.navbar-nav .nav-item:before {
    content: '';
    position: absolute;
    right: -21px;
    top: 6px;
    background: url(../images/cannabis-or-marijuana-leaf-free.png);
    width: 9px;
    height: 12px;
    background-size: contain;
} */

li.nav-item {
   position: relative;
}

ul.navbar-nav .nav-item:last-child:before {
   display: none;
}

.FootMenu .nav-item:before {
   filter: brightness(30);
}

.BottomFoot .nav-item:before {
   filter: brightness(30);
}

.IconBox {
   width: 120px;
   margin: auto;
}

.verifyInfo {
   padding: 30px 50px 80px 50px;
   text-align: center;
}

.verifyInfo h2 {
   font-size: 40px;
   font-weight: 700;
   line-height: 60px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--clr-dark);
   margin-bottom: 20px;

}

.verifyInfo h5 {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--clr-dark);
   margin-bottom: 20px;
}

img.BottomRight {
   position: absolute;
   right: 0;
   transform: rotate(180deg);
   bottom: -60px;
}

img.TopLeft {
   position: absolute;
   left: 0;
   top: -60px;
}

img.OkLeaves {
   position: absolute;
   bottom: -15px;
   margin: auto;
   left: 0;
   right: 0;
}

.custompadds {
   padding-top: 80px;
   position: relative;
}

.verify-circle {
   width: 150px;
}

.WelComeHead {
   font-size: 50px;
   font-weight: 700;
   line-height: 75px;
   letter-spacing: 0em;
   text-align: center;
   color: var(--clr-dark);
   padding-top: 50px;
}

.innertext p {
   font-size: 22px;
   font-weight: 500;
   line-height: 33px;
   letter-spacing: 0em;
   text-align: center;
}

.innertext h5 {
   font-size: 18px;
   font-weight: 400;
   line-height: 27px;
   letter-spacing: 0em;
   text-align: center;
}

img.LeavsApoop {
   position: absolute;
   top: 50px;
   left: -60px;
   right: 0;
   margin: auto;
   width: 83px;
   display: none;
}

.custom-space-80 {
   padding-top: 80px;
}

/* #storerocket-panel {
    background: #3F653F !important;
} */

form.storerocket-lead-form input {
   width: 100% !important;
   max-width: 100%;
   min-width: 100%;
   border-radius: 0 !important;
   margin-bottom: 20px !important;
}

p.storerocket-lead-desc {
   font-size: 18px !important;
   color: var(--clr-dark) !important;
}

span.storerocket-message-text {
   font-size: 20px !important;
   color: var(--clr-dark) !important;
}

.storerocket-notify-me-button {
   line-height: 24px !important;
   border-radius: 0px !important;
   background: var(--clr-dark) !important;
   font-size: 16px !important;
   padding: 13px 20px !important;
   width: 100%;
}

#storerocket-widget .storerocket-show-all-results-link {
   border-radius: 0px !important;
   background: var(--clr-dark) !important;
   font-size: 16px !important;
   padding: 13px 20px !important;
   display: block;
   width: 100%;
   text-align: center;
}

#storerocket-widget {
   border: none !important;
}

#storerocket-widget .storerocket-query .storerocket-search-field,
#storerocket-widget .storerocket-query .mapboxgl-ctrl-geocoder--input {
   color: var(--clr-dark) !important;
}

.eapps-instagram-feed-title {
   display: none !important;
}

.mapSec {
   margin-top: 80px;
   padding: 40px 0;
}

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

/* Product slider css */


/* shop slider */

#shopSlider {
   display: flex;
   align-items: center;
   overflow: hidden;
   background: #000;
   height: 100vh;
   position: relative;
   padding-top: 80px;
}

#shopSlider:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(180deg, rgba(16, 20, 24, 0) 0%, rgb(16, 20, 24) 50%, rgb(16, 20, 24) 100%);
}

#shopSlider .container {
   max-width: 1260px;
   position: relative;
   z-index: 1;
   padding: 50px;
   height: 100%;
}

.shopSwiper {
   overflow: visible;
   height: 100%;
}

#shopSlider .swiper-slide {
   border-radius: 15px;
   height: 100%;
}

#shopSlider .swiper-slide-next .slideContainer,
#shopSlider .swiper-slide-prev .slideContainer,
#shopSlider .swiper-slide-duplicate .slideContainer {
   opacity: 0 !important;
}

.shopSwiper .slideContainer {
   height: 100%;
   display: flex;
   align-items: center;
   position: relative;
   padding: 40px;
}

/* shop slider end */

#productSlider {
   overflow: hidden;
}

#productSlider,
.productSwiper {
   height: 100vh;
}

.productSwiper .swiper-wrapper,
.productSwiper .swiper-slide {
   height: 100%;
}

.productSwiper .swiper-slide {
   padding-top: 80px;
}

.slideContainer {
   height: 100%;
   display: flex;
   align-items: center;
   position: relative;
}

.slideContainer .container {
   position: relative;
}

.sliderDetails .mainLogo {
   width: 50%;
   margin: 0 0 20px;
}

.DetailsCard {
   padding: 30px;
   background: rgb(255 255 255 / 40%);
   border-radius: 15px;
   display: flex;
   flex-direction: column;
}

.DetailsCard .itemLogo {
   width: 50%;
   margin: auto;
}

.itemBedge {
   display: inline-flex;
   width: fit-content;
   padding: 5px 20px;
   font-size: 14px;
   background: var(--clr-dark);
   color: var(--clr-white);
   border-radius: 30px;
   line-height: normal;
   margin: 15px auto;
   text-align: center;
}

.item-description {
   display: flex;
   align-items: center;
   gap: 20px;
   margin: 0 0 10px;
}

.item-description p {
   font-size: 14px;
   margin: 0;
   color: var(--clr-white);
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.item-description img {
   width: 60px;
}

.labResult {
   border: 0;
   background: transparent;
   display: inline-flex;
   align-items: center;
   gap: 15px;
   padding: 0;
   color: var(--clr-white);
   font-weight: bold;
   text-transform: uppercase;
   width: fit-content;
}

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

.labResult img {
   height: 20px;
}

.product-1 .itemBedge {
   background: #F82F01;
}

.product-2 .itemBedge {
   background: #2D60A7;
}

.product-3 .itemBedge {
   background: #E5CA8B;
}

.product-4 .itemBedge {
   background: #2B651D;
}

.product-5 .itemBedge {
   background: #91409C;
}

.product-6 .itemBedge {
   background: #45067C;
}

.mainProductItem {
   height: 100%;
   display: flex;
   align-items: flex-end;
   justify-content: center;
}

.mainProductItem ul {
   list-style-type: none;
   position: relative;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 30px;
}

.mainProductItem ul li {
   position: absolute;
}

.mainProductItem ul li.cap-item {
   position: relative;
   z-index: 1;
   right: -10px;
   width: 250px;
}

.mainProductItem ul li.jar-item {
   position: relative;
   width: 300px;
   z-index: 2;
}

.mainProductItem ul li.jar-item img {
   filter: drop-shadow(0px 15px 10px rgb(0 0 0 / 40%));
}

/* product 1 */

.mainProductItem ul li:nth-child(3) {
   left: 0px;
   top: 36px;
   width: 100px;
}

.mainProductItem ul li:nth-child(4) {
   width: 100px;
   bottom: 15px;
   right: -18px;
   z-index: 2;
}

.mainProductItem ul li:nth-child(5) {
   width: 140px;
   top: 105px;
   left: 85px;
   z-index: 2;
}

/* product 2 */

.product-2 .mainProductItem ul li:nth-child(3) {
   left: 80px;
   z-index: 2;
   top: 115px;
   width: 150px;
}

.product-2 .mainProductItem ul li:nth-child(4) {
   width: 260px;
   top: 90px;
   left: 20px;
   right: auto;
   z-index: 1;
}

/* product 3 */

.product-3 .mainProductItem ul li:nth-child(3) {
   left: 85px;
   z-index: 2;
   top: 100px;
   width: 140px;
}

.product-3 .mainProductItem ul li:nth-child(4) {
   width: 155px;
   top: 95px;
   left: 40px;
   right: auto;
   z-index: 1;
}

.product-3 .mainProductItem ul li:nth-child(5) {
   width: 140px;
   top: 160px;
   left: auto;
   right: -25px;
   z-index: -1;
}

.product-3 .mainProductItem ul li:nth-child(6) {
   width: 85px;
   top: 100px;
   left: -15px;
   right: auto;
   z-index: -1;
}

/* product 4 */

.product-4 .mainProductItem ul li.jar-item {
   z-index: 2;
}

.product-4 .mainProductItem ul li:nth-child(3) {
   left: 50px;
   z-index: 1;
   top: 125px;
   width: 220px;
}

.product-4 .mainProductItem ul li:nth-child(4) {
   width: 130px;
   top: 118px;
   left: 80px;
   right: auto;
   z-index: 2;
}

.product-4 .mainProductItem ul li:nth-child(5) {
   width: 140px;
   top: 75px;
   left: -35px;
   right: auto;
   z-index: -1;
}

/* product 5 */

.product-5 .mainProductItem ul li:nth-child(3) {
   left: auto;
   z-index: 2;
   top: 175px;
   width: 135px;
   right: -40px;
}

.product-5 .mainProductItem ul li:nth-child(4) {
   width: 130px;
   top: 217px;
   left: -60px;
   right: auto;
   z-index: -1;
}

.product-5 .mainProductItem ul li:nth-child(5) {
   width: 140px;
   top: 50px;
   left: 0px;
   right: auto;
   z-index: -1;
}

.product-5 .mainProductItem ul li:nth-child(6) {
   width: 150px;
   top: 103px;
   left: 70px;
   right: auto;
   z-index: 2;
}

/* product 6 */

.product-6 .mainProductItem ul li:nth-child(3) {
   left: -30px;
   z-index: 2;
   top: 290px;
   width: 75px;
   right: auto;
}

.product-6 .mainProductItem ul li:nth-child(4) {
   width: 105px;
   top: 150px;
   left: auto;
   right: 40px;
   z-index: 2;
}

.product-6 .mainProductItem ul li:nth-child(5) {
   width: 150px;
   top: 116px;
   left: 80px;
   right: auto;
   z-index: 2;
}

.product-6 .mainProductItem ul li:nth-child(6) {
   width: 140px;
   top: 85px;
   left: 20px;
   right: auto;
   z-index: 1;
}

.product-6 .mainProductItem ul li:nth-child(7) {
   width: 190px;
   top: 60px;
   left: -43px;
   right: auto;
   z-index: -1;
}

.product-6 .mainProductItem ul li:nth-child(8) {
   width: 60px;
   top: 80px;
   left: auto;
   right: 55px;
   z-index: 1;
}

/* Product slider end */

/* Product-Card-Css */

.productGrid {
   margin-top: 80px;
   padding: 30px 0;
}

.productBox {
   display: flex;
   flex-direction: column;
   border: 1px solid #eee;
   position: relative;
}

.productBox .snack {
   opacity: 0;
}

.productItem {
   padding: 15px 15px 0;
   text-align: center;
   position: relative;
}

.productItem img {
   transition: all 1s ease-in-out;
   height: 200px;
   object-fit: contain;
}

.productItem .itemOpen {
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0.5);
   opacity: 0;
}

.productBox:hover .productItem .itemJar {
   opacity: 0;
   transform: scale(0);
}

.productBox:hover .productItem .itemOpen {
   opacity: 1;
   transform: translate(-50%, -50%) scale(1);
}


.productBox:hover .snack {
   opacity: 1;
}

.productInfo {
   padding: 0 20px 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 10px;
}

.productInfo img {
   width: 60%;
   height: 55px;
   object-fit: contain;
}

.productInfo .itembtn {
   padding: 0;
   line-height: normal;
   border: 0;
   background: transparent;
   display: flex;
   align-items: center;
   gap: 10px;
}

.productInfo .itembtn i {
   font-size: 19px;
}

/* Product-Card-Css-Ends */

/* Product-details */

.product-detail-section {
   margin-top: 80px;
   overflow: hidden;
   padding: 50px 0 30px;
}

.product-detail-section section:first-child {
   position: relative;
   z-index: 1;
}

.product-detail-section .DetailsCard {
   padding: 0;
}

.product-detail-section .DetailsCard .itemLogo {
   width: 50%;
   margin: 0 0 30px;
}

.product-detail-section .itemBedge {
   color: var(--clr-white);
   margin: 0 0 20px;
}

.product-detail-section .item-description p {
   color: var(--clr-dark);
   line-height: normal;
   margin: 0 0 15px;
}

.related-products .col-lg-2 {
   width: 20%;
}

.related-products .productItem img {
   height: 100px;
}

.related-products .productInfo img {
   height: 30px;
}

/* Product-Inner-page-css-ends */